AngularJS進階(二十二)實現時間選擇外掛
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow
也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!
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講義》。