如何触发jQuery UI DatePicker onclick?

iht*_*tus 12 jquery jquery-ui

DatePicker的标准代码是:

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

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

<input ... onclick="" >
Run Code Online (Sandbox Code Playgroud)

,没有单独的JS代码?

我试过了:

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

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

如何让它在第一次点击时工作?

谢谢.

小智 11

<p>Date: <input type="text" id="dp" onclick="$('#dp').datepicker();$('#dp').datepicker('show');"></p>?
Run Code Online (Sandbox Code Playgroud)

那工作有机会吗?

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


cha*_*tfl 5

创建日期选择器后,以这种方式打开它:

 $('#datepicker').datepicker('show')
Run Code Online (Sandbox Code Playgroud)

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