Question

DatePicker的标准代码是：

<script>
    $(function() {
       $( "#datepicker" ).datepicker();
    });
</script>
<p>Date: <input type="text" id="datepicker"></p>

如何从内联html启动datepicker onclick事件，我的意思是

<input ... onclick="" >

，没有单独的JS代码？

我试过了：

<p>Date: <input type="text" id="datepicker" onclick="$(function() {$('#datepicker').datepicker();});"></p>

但它只在第二次点击时才起作用。

如何让它在第一次点击时起作用？

感谢。

Answer 1

<p>Date: <input type="text" id="dp" onclick="$('#dp').datepicker();$('#dp').datepicker('show');"></p>

任何机会都有效吗？

我不是专家，但我相信你不得不点击两次，因为第一次点击只是将它初始化为一个日期选择器。在初始化之后，无论onclick如何，它都表现为普通的日期选择器。

Answer 2

创建datepicker后，以这种方式打开它：

 $('#datepicker').datepicker('show')

转到datepicker API文档查看方法选项卡，它就在那里

Answer 3

试试这段代码：

<script>
$(function() {
    $("#datepic").datepicker({ showOn: 'button',buttonImage: 'image/calendar.gif'});

});
</script>

<input type="text" id="datepic" />

Answer 4

喜欢这个吗？

http://jsfiddle.net/tZXjR/

如何触发jQuery UI DatePicker onclick？

4 个答案: