1. 程式人生 > >AngularJS進階(二十二)實現時間選擇外掛

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講義》。

           

給我老師的人工智慧教程打call!http://blog.csdn.net/jiangjunshow

這裡寫圖片描述