1

目前我的项目页面有一个 jQuery datepicker inline 放置在页面的一个部分。下面的代码用于实现相同的目的。

<link rel="stylesheet" href="~/Scripts/Calendar/jquery-ui-1.10.1.custom.css">
<script src="~/Scripts/Calendar/jquery-1.9.1.js"></script>
<script src="~/Scripts/Calendar/jquery-ui-1.10.1.custom.js"></script>
<script>
$(document).on("change", "#datepicker", function () {
    var date = $(this).val();
    $( "#dialog" ).dialog();
});
</script>

// The below section is in one of the sections
<div id="datepicker" style="font: 80% 'Trebuchet MS', sans-serif;"></div>
<script>
    $("#datepicker").datepicker();
</script>
.
.
.
<div id="dialog-modal" title="Basic modal dialog">
   <p>Adding the modal overlay screen.</p>
 </div>

现在，当用户单击特定日期时，我必须显示一个带有信息的 jQuery 对话框。

好吧，我试图调用对话框

$(document).on("change", "#datepicker", function () {
    var date = $(this).val();
    $( "#dialog" ).dialog();
});

但它显示错误，因为 Object 不支持属性或方法对话框。

任何人都可以让我朝着正确的方向前进。

谢谢

4

2 回答 2

1

看看这个小提琴，看看这是否有帮助。

http://jsfiddle.net/qqabC/

 $("#datepicker").datepicker();

$("#datepicker").change(function(){
     var date = $(this).val();
    $('<div>' + date + '</div>').dialog();
});
于 2013-03-18T04:15:12.930 回答
0

我想你包括jquery两次。你有一个jquery-1.9.1.js和其他一些jquery-1.x.x.js脚本文件，或者jquery-1.9.1.js第二次一样，一切似乎都插入第一个实例，然后最后一个包含覆盖$。这就是您看到此错误消息的原因。

请再看一遍。。

还包括 $j = jQuery.noConflict();在您的脚本标签中以避免冲突！

于 2013-03-18T04:11:23.627 回答