Javascript 带有日期选择器的简单对话框

我有一个jquery简单对话框，它工作得很好，但是我在简单对话框中的一个文本字段看不到datepicker插件

谢谢你的帮助

 <div style="display:none;" id="simpleDialog1">

 <form>
<fieldset>
    <legend>Legend Name</legend>
    <label for="DateCreated">Date:</label>
    <input type="text" name="DateCreated" class="datepicker" />
        <label for="Status">Status:</label>
    <input type="text" name="Status" />
        <label for="RequestedBy">Requested By:</label>
    <input type="text" name="name" />
        <label for="AssignedTo">Assigned To:</label>
    <input type="text" name="AssignedTo" />
        <label for="Description">Description</label>
    <input type="text" name="Description" />
    <br>
    <input type="submit" name="submit" />
</fieldset>
 </form>
 </div>



$(document).ready(function () {


$('#sdHc1').simpleDialog({
opacity: 0.3,
duration: 500,
title: 'Add Ticket',
open: function (event) {
  console.log('open!');
},
close: function (event, target) {
  console.log('close!');
}
});



$('.datepicker').datepicker();


});

图例名称
日期：
地位：
请求者：
分配给：
描述


$（文档）.ready（函数（）{
$（'#sdHc1'）。simpleDialog({
不透明度：0.3，
持续时间：500，
标题：“添加票据”，
打开：功能（事件）{
console.log（'open！'）；
},
关闭：功能（事件、目标）{
console.log（'close！'）；
}
});
$（'.datepicker'）.datepicker（）；
});

我试着在对话框中使用datepicker，但效果很好

---

谢谢大家

日期选择器控件可能出现在对话框后面。尝试应用css样式，使用z-index属性将其置于最前面：

<style type="text/css">
    #ui-datepicker-div
    {
        z-index: 9999999;
    }
</style>

#用户界面日期选择器分区
{
z指数：999999；
}

此解决方案和更多信息可在此处找到：

---

您使用的是jquery ui日期选择器吗？什么意思？是ui.core和jquery.datepicker