2012-09-14 40 views
0

我有一個移動日期選擇器,除了它的事件功能,它不會被調用。問題是什麼?Datepicker事件noncalling

<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> 
+0

不知道看起來不錯,檢查之前是否有任何JS錯誤。你使用螢火蟲或類似的工具? – jmventar

+0

我使用Chrome的工具。沒有錯誤。 – Mixel

回答

0

對不起,我沒有意識到輸入類型不正確。日期選擇器通常與輸入類型文本一起使用。

日期是一個新的輸入型上HTML5,您使用的日曆,而不是jQuery的日期選擇器,這就是爲什麼事件不起作用。

檢查這個fiddle爲例。

我會建議你使用日期選擇器,因爲輸入=日期不被很多瀏覽器都支持,而且具有更少的選擇。

我預計在不久的將來,我們可以使用所有瀏覽器支持的HTML 5功能並編寫更少的JavaScript代碼。

+0

我想使用日曆,而不是其上方的欄,並在點擊時生成小日曆。只有日期輸入允許這個。什麼是讓事件發揮作用的最佳方法? – Mixel

+0

此外,即使我使用「文本」而不​​是「日期」,也不會產生警報。 – Mixel

+0

正如我以前告訴過你的,你必須使用輸入類型文本NOT date,你使用的日曆是HTML5而不是jQuery。這就是事件不起作用的原因。您可以在日期選擇器和輸入字段中指定開始日期和結束日期。 – jmventar