代码之家 › 专栏 › 技术社区 › Davy

让jquery用户界面日历显示在模式弹出窗口的顶部

modal-dialog calendar jquery

Davy · 技术社区 · 15 年前

嗨,有一个jquery模式弹出窗口,我将HTML加载到其中。我的脚本文件中有以下代码:

  //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            
    });

问题是,当我单击日历的图像时,它会出现在我的模式窗体后面。

谢谢你的帮助

1 回复 | 直到 15 年前

tvanfosson 15 年前

将一些CSS添加到在jquery ui css之后加载的css文件中,该css将ui datepicker类设置为具有比模式对话框更高的z索引。我不记得那是什么在我的头上,所以一点试验可能是有秩序的。如果需要datepicker仅在对话框显示时位于对话框上方,否则它是普通的z索引,则还可以在回调对话框open事件期间向ui datepicker div添加和删除z索引。

.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);
     }
});

推荐文章

MHSarmadi · 阻止显示未完全加载的图像

2 年前

Bumboobee · 有没有办法将Pdf放入Swal模型中?

2 年前

Thiago P · 修复了模式溢出视口时无法滚动的问题

6 年前

Violet · React Native-模式显示在不同的平面列表屏幕上

6 年前

Jacqueline Connors · CF组件不重置变量

6 年前

Billy G · “角度材质”对话框:如何在父零部件中更改注入的数据时更新这些数据?

6 年前

George Albert · 将数据发送到jquery以在模式中显示

6 年前

Nicolas Hochard · 页面上未加载模式弹出窗口-Javascript

6 年前

HRS · Javascript模式无法打开

6 年前

Sam Joeseph · 如何制作显示wordcloud的模式弹出窗口?

6 年前