jquery datepicker模态对话框内

Question

这个问题已被问，但为不同的结果。 人们在使用模式对话框内的日期选择器并使日期选择器显示（使用z-index属性）时遇到了麻烦。

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

我的代码的作品在其他地方是：

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

，并在模态对话框类的输入日期选择器。

林不知道我要求的解决方案是真的。作为功​​能无处不在，并确实显示（建议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