Как изменить атрибут zIndex aui-datepicker в Liferay Portlet 6.2

Question

У меня есть discoveder одна проблема с полем даты в портлете в LF 6.2.

Проблема заключается в том, что после нажатия на поле ввода отображается датапикер, но с zIndex = 0 это означает, что он находится под портлетом.

Если я изменил на firebug этот параметр на 1, все в порядке.

Я попытался добавить zIndex в код YUI, но пока не удалось. Как изменить zIndex DatePicker?

Мой код ниже:

<i id="icon" class="icon-calendar icon-1x"></i> 
<input id="date" type="text" /> 

<aui:script> 

YUI().use('aui-datepicker', function (Y) { 

    var datePicker = new Y.DatePicker({ 
     trigger: '#date', 
     zIndex: 100 
    }); 

    Y.one('#icon').on('click', function(event) { 
     // Cannot do datePicker.show(); because of https://issues.liferay.com/browse/AUI-1795 
     var date = document.getElementById('date'); 
     date.focus(); 
     date.click(); 
    }); 
}); 


</aui:script> 

Приведенный выше код генерирует следующий HTML:

<div id="yui_patched_v3_11_0_2_1434399332971_43" class="datepicker-popover yui3-widget popover yui3-widget-positioned yui3-widget-modal yui3-widget-stacked bottom" style="left: 79px; top: 419px; display: block; z-index: 0;"> 

Answer 1

Вам нужно изменить zIndex на DatePicker «s внутренний Popover:

new Y.DatePicker({ 
    // ... 
    popover: { 
     zIndex: 1 
    } 
}); 

См. example page и API docs для более подробной информации.