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

fiddle :http://jsfiddle.net/mkcb5b0e/

Answer 1

原因是 hasDatepicker 是 jQuery 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">