首頁 > web前端 > js教程 > AngularJS 日期格式化詳解_AngularJS

AngularJS 日期格式化詳解_AngularJS

WBOY
發布: 2016-05-16 15:23:54
原創
1631 人瀏覽過

AngularJS是為了克服HTML在建造應用上的不足而設計的。 HTML是一門很好的為靜態文字展示設計的聲明式語言,但要建立WEB應用的話它就顯得乏力了。所以我做了一些工作(你也可以覺得是小花招)來讓瀏覽器做我想要的事。

AngularJS的日期格式化有兩種形式,一種是在HTML頁面,一種是在JS程式碼裡,都是用到AngularJS的過濾器$filter。

HTML: date_expression 即你在$scope中設的date類型變數(注意,一定是date object才正確), 也是要顯示出來的日期,|是分割符號,分割符號後面的第一個參數date是指明過濾器類型是過濾日期的,第二個參數format是你的日期要格式化成什麼樣子,比如yyyy-MM-dd,最後timezone一個是時區(可選參數),對於國際化的網站比較適用。

複製程式碼 程式碼如下:

{{ date_expression | date : format : timezone}}

兩種寫法:可以用{{}}表達式,也可以用ng-bind 或 ng-model

複製程式碼 程式碼如下:

{{myDate | date:'medium'}}


在Javascript程式碼裡,是這麼寫的:

複製程式碼 程式碼如下:

var myJsDate=$filter('date')($scope.myDate,'yyyy-MM-dd');

這樣你宣告的變數myJsDate就能得到$scope裡myDate格式化之後的值了。

以上內容是小編給大家分享的AngularJS 日期格式化詳解的全部敘述,希望大家喜歡。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板