Question

我似乎有这个工作，除了点击链接，日期选择器打开，然后我选择一个日期，一切都很好，然后一旦我尝试再次点击链接，日期选择器做不能再打开了。

我做错了什么？

<html>

<head>

<!-- LOAD JQUERY LIBRARY: -->  
    <link   href="jq/jquery-ui.css"         type="text/css" rel="stylesheet" />
    <script src="jq/jquery.min.js"          type="text/javascript"> </script>
    <script src="jq/jquery-ui.min.js"       type="text/javascript"> </script>

<script type="text/javascript">

function test() { 

var datePickerValue = null; 

$("#d1").datepicker().datepicker("show").change(function () 
{ 
    $('#d1').datepicker({onSelect:  datePickerValue = $(this).val() }).hide();

  alert("You picked: " + datePickerValue);
}); 



} 


</script>



</head>

<body>

<div id="d1"></div>
<a href="javascript:test()">test</a>

</body>

</html>

Answer 1

只需在datepicker（）之前添加show方法，如下所示：

$("#d1").show().unbind().datepicker().datepicker("show").change(function ()  { 
   $('#d1').datepicker({onSelect:  datePickerValue = $(this).val() }).hide();
   alert("You picked: " + datePickerValue);
});

这将解决您的问题。

Answer 2

function test() {
    $('#d1').datepicker({onSelect: function(){alert("You picked: " + $(this).val())})} ); 
}

Answer 3

很抱歉，如果我完全不在这里，但如果你使用，你可能会取得更大的成功，jquery .on - http://api.jquery.com/on/

所以在您的链接中添加ID或类：

<a class="clicky" href="#">test</a>

然后像这样调用你的函数：

$("body").on("click", ".clicky", test);

我认为这会解决你的问题，但我可能错了

单击链接时，Jquery UI Datepicker不会再次显示

3 个答案: