Question

你有一个我加载HTML的JQuery模式弹出窗口。我的scrpt文件中有以下代码：

  //date code - move to reusable.
    $('.dateDavy').datepicker({
        showOn: 'button',
        buttonImage: '/Content/images/Control_MonthCalendar.bmp',
        buttonText: 'Enter Date',
        buttonImageOnly: true,
        dateFormat: 'dd/mm/yy',
        yearRange: '-115:+3',
        changeMonth: true,
        changeYear: true            
    });

问题在于，当我点击日历的图像时，它会弹出我的模态表格。

任何帮助表示赞赏

Answer 1

将一些CSS添加到在jQuery UI CSS之后加载的CSS文件中，该CSS设置ui-datepicker类的z-index高于模态对话框。我不记得那是什么不在我头顶，所以可能需要进行一些小试验。如果您需要将datepicker仅在对话框上方显示并且具有正常的z-index，则还可以在对u1-datepicker-div DIV的对话框打开事件的回调期间添加和删除z-index。

.ui-datepicker
{
   z-index: 32767;
}

$('selector').dialog({
     open: function(event,ui) {
          $('#ui-datepicker-div').css('z-index',32767);
     },
     close: function(event,ui) {
          $('#ui-datepicker-div').css('z-index',null);
     }
});

获取Jquery UI日历以在Modal Popup之上显示

1 个答案: