1

我正在使用 jQuery UI 和加载函数加载一个对话框页面：

$("#update_link").dialog({
  modal: false,
  height: 370,
  width: 900,
  title: 'עדכן קישור',
  open: function () {
    $(this).load("<?= site_url()?>/links/show_update?id="+rel+"&rand="+rand());
  }
});

在对话框内有一个 ID 为“add_time”的输入文本。在这个输入中有一个日期选择器：

$(".float_form[rel='<?=$id;?>'] #add_time").datepicker({
  showOn: "button",
  buttonImage: "<?=base_url()?>/images/icons/new.png",
  buttonImageOnly: true,
  onClose: function(dateText, inst) { alert("die"); }
});

当我运行它时，它第一次运行良好。然后我关闭对话框并更改打开对话框的链接（使用 Ajax）。如果我使用日期选择器再次单击输入文本，我会在控制台上收到此错误：

未捕获的类型错误：无法设置未定义的属性“currentDay”

由于此错误，我无法单击日期选择器中的任何日期。我究竟做错了什么？

对不起我的英语不好，谢谢你:)

4

2 回答 2

3

我找到了一个解决方案：您所需要的只是id="add_time"更换class="add_time"

代码：

$(".add_time").datepicker();
于 2012-08-06T09:53:31.227 回答
2

看来你搞砸了 datepicker，这里是例子：

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<div id="dialog" style="display:none">

</div>
<button id="ds">dialog show</button>

<script>
$(function(){$('#ds').click(function() {
    var datep = $('<input type="text" id="datep">');
    datep.datepicker();
    var dlg = $('#dialog').dialog({
        modal: false,
        open: function() {
            var e = $(this);
            e.html('');
            e.append(datep);

            console.log(datep);
        },
        close: function() {
            datep.datepicker("destroy");
        }

    });
});
});
</script>

http://jsfiddle.net/K5ZWm/13/

道德：关闭对话框时使用desroy，而不是日期选择器。

于 2012-08-05T14:39:19.760 回答