我知道这是一个愚蠢/小错误。但我找不到它。
我编写了与此处提到的相同的代码 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/
最佳答案
原因是 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">
关于jquery datepicker 不适用于输入点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26502711/