jquery datepicker 不适用于输入点击

Question

我知道这是一个愚蠢/小错误。但我找不到它。

我编写了与这里提到的相同的代码http://jqueryui.com/datepicker/#default但仍然没有。

代码：

<input type="text" id="hasDatepicker" class="fromDate large hasDatepicker" maxlength="10" placeholder="dd-mm-yyyy" autocomplete="off">

JS：

$(".hasDatepicker").datepicker();

小提琴： http: //jsfiddle.net/mkcb5b0e/

Answer 1

原因是hasDatepickerjQuery UI datepicker 使用一个内部类来确定 datepicker 小部件是否已为所选元素初始化，如果是，则它不会执行任何操作。

因此，在您的情况下，由于您input已经拥有该类，因此.datepicker()假设小部件已经初始化，则调用不会执行任何操作。

$(".hasDatepicker2").datepicker();

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/redmond/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script>

<input type="text" id="hasDatepicker" class="fromDate large hasDatepicker2" maxlength="10" placeholder="dd-mm-yyyy" autocomplete="off">