2

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

但是，我只是简单地复制了用于使 datepicker 从脚开始工作的 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;
}

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

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

4

1 回答 1

2

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

标记

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

例子

于 2013-03-04T12:19:22.053 回答