模态对话框中的jquery datepicker

Question

已提出此问题，但结果不同。 人们在使用模式对话框中的日期选择器和显示日期选择器时遇到了麻烦（使用 z-index 属性）。

但是，我只是简单地复制了用于使日期选择器从脚开始工作的 js，但在模式弹出窗口的视图中。这将显示日期选择器，但不会使用所选日期填充所选输入框。

我在其他任何地方都可以使用的代码如下：

$('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' });

模态对话框类中的输入是datepicker。

我不确定我真正要求的解决方案是什么。因为该功能在任何地方都有效并且确实出现了（表明 jquery 正在工作），但只是没有用所选日期填充输入框.... 有任何想法吗？ ........

function modalfollow()
{
$('<div>').dialog({
    title:  'Add Follow',
    height: '350', 
    width:  '400',
    open: function ()
            {
            $(this).load('<?=base_url();?>leads/add_follow/<?=$this->uri->segment(3);?>/');
            },         
    modal: true 
    });
// return false so <a> or <button> doesnt fire + reload page
return false;
}

这会加载加载视图的模式框。

在这个级别，日期选择器不起作用。

Answer 1

我不确定你是如何设置你的代码的，但我在这个小提琴中没有任何艰苦的工作就可以运行它。你有更新面板吗？

标记

<div id="dialog" title="Basic dialog">
<input type="text" class="datepicker" /></div>
<button id="opener">Show</button>

Javascript

 $(function () {

   $(".datepicker").datepicker({
    dateFormat: 'yy-mm-dd'
});

$("#dialog").dialog({
    autoOpen: false,
    show: {
        effect: "blind",
        duration: 1000
    },
    hide: {
        effect: "explode",
        duration: 1000
    }
});
$("#opener").click(function () {
    $("#dialog").dialog("open");
 });
 });

Example