jquery-ui - Datepicker 事件非调用

Question

我有一个移动日期选择器，除了它的事件函数之外，它没有被调用。问题是什么？

<script type="text/javascript">
$("#calendar").datepicker({
    onSelect: function () { alert('1'); },
    beforeShow: function () { alert('2'); },
    beforeShowDay: function () { alert('3'); }
});
</script>

<div>
<input id="calendar" type="date"/>  
</div>

Answer 1

抱歉，在我没有意识到输入类型不正确之前。Datepicker 通常适用于输入类型 text。

Date是HTML5上的一种新输入类型，您使用的是该日历而不是 jQuery datepicker，这就是事件不起作用的原因。

检查this fiddle以获取您的示例。

我建议您使用 datepicker，因为许多浏览器不支持input=date并且选项较少。

我希望在不久的将来，我们可以使用所有浏览器都支持的 HTML 5 功能并编写更少的 javascript 代码。