从jQuery选择日期时打开jQuery对话框datepicker inline

Question

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

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

，但它显示了一个错误的对象不支持属性或方法对话框。

任何机构都可以让我走向正确的方向。

谢谢

Answer 1

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

http://jsfiddle.net/qqabC/

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

$("#datepicker").change(function(){ 
    var date = $(this).val(); 
    $('<div>' + date + '</div>').dialog(); 
}); 

Answer 2

我认为你是包括jquery两次。您有一个jquery-1.9.1.js以及其他一些jquery-1.x.x.js脚本文件包括在内，或者相同jquery-1.9.1.js第二次一切似乎都插入第一个实例，然后最后包含覆盖$。所以这就是为什么你看到这个错误信息。

请再次检查..

还包括$j = jQuery.noConflict();到脚本标记，以避免冲突！