AngularJS進階 二十二 實現時間選擇插件
JS實現時間選擇插件
引導語
在項目開發過程中，需要實現根據以日期為篩選條件之一，故需要實現時間選擇插件。對於未接觸的新事物，自己總是感覺不明覺厲。其實，有些實現可以使用很簡單的方法即可。以此為例，偶然的一次翻看課本發現HTML5中已經設計到此種實現。其中，設置input元素的type屬性為datetime-local即可實現。
問題
實際編碼過程中，還是出現了問題。$scope.bill_dateBegin並不能獲取到時間選擇框中的設置值。
原因
AngularJS support the input type datetime-local since version 1.3.0-beta.1
原來AngularJS 1.3.0-beta.1 極其之上的版本才支持datetime-local的綁定，那就是自己的版本太低導致的了。經過查看版本，發現自己的版本為1.3.0.14，應該不低啊。但實驗證明，還是自己的版本過低導致的。嘗試使用高版本。
解決方法
嘗試使用高版本。但使用1.5.0版本還是沒效果！
經過一番詢問，還是未能夠解決問題。自己嘗試著試試type的其它時間類型，當自己使用date類型，發現居然綁定上了，我就呵呵了....而其它的類型例如datetime、datetime-local卻無法綁定，費解。我只能說angular還是不夠強大！
不過問題還是來了。當自己使用如下語句時,確彈出了下圖的信息，而我們則需要這樣的格式：2015-12-24 12:00:00。明顯日期格式需要進行轉換。
bill_dateEnd = $scope.bill_dateEnd;
alert(bill_dateEnd);
有關日期時間的轉換問題詳見博文《JS抽離公共函數》。
感觸
自己的知識面還是比較窄，還是需要多讀書《瘋狂HTML 5/CSS 3/JavaScript講義》。
再分享一下我老師大神的人工智能教程吧。零基礎！通俗易懂！風趣幽默！希望你也加入到我們人工智能的隊伍中來！http://www.captainbed.net
AngularJS進階 二十二 實現時間選擇插件