AngularJS 日期格式化詳解
更新時間：2015年12月23日 11:08:59 投稿：mrr
AngularJS的日期格式化有兩種形式，一種是在HTML頁面，一種是在JS代碼里，都是用到AngularJS的過濾器$filter
AngularJS是為了克服HTML在構建應用上的不足而設計的。HTML是一門很好的為靜態(tài)文本展示設計的聲明式語言，但要構建WEB應用的話它就顯得乏力了。所以我做了一些工作（你也可以覺得是小花招）來讓瀏覽器做我想要的事。
AngularJS的日期格式化有兩種形式，一種是在HTML頁面，一種是在JS代碼里，都是用到AngularJS的過濾器$filter。
HTML: date_expression 即 你在$scope中設的date類型變量（注意，一定是date object才正確）, 也是要顯示出來的日期,|是分割符號，分割符號后面的第一個參數(shù)date是指明過濾器類型是過濾日期的,第二個參數(shù)format是你的日期要格式化成什么樣子，比如yyyy-MM-dd,最后timezone一個是時區(qū)（可選參數(shù)）,對于國際化的網站比較適用。
復制代碼 代碼如下:
{{ date_expression | date : format : timezone}}
兩種寫法：可以用{{}}表達式，也可以用ng-bind 或者 ng-model
復制代碼 代碼如下:
{{myDate | date:'medium'}}
<h1 ng-bind="myDate | date:'yyyy-MM-dd'"></h1>
在Javascript代碼里，是這么寫的：
復制代碼 代碼如下:
var myJsDate=$filter('date')($scope.myDate,'yyyy-MM-dd');
這樣你聲明的變量myJsDate就能得到$scope里myDate格式化之后的值了。
以上內容是小編給大家分享的AngularJS 日期格式化詳解的全部敘述，希望大家喜歡。
您可能感興趣的文章:
- JS獲取指定月份的天數(shù)兩種實現(xiàn)方法
- JS獲取月份最后天數(shù)、最大天數(shù)與某日周數(shù)的方法
- JS獲取月的最后一天與JS得到一個月份最大天數(shù)的實例代碼
- JavaScript實現(xiàn)日期格式化的方法匯總
- Javascript將字符串日期格式化為yyyy-mm-dd的方法
- Javascript日期格式化format函數(shù)的使用方法
- Javascript將JSON日期格式化
- javascript中Date format(js日期格式化)方法小結
- JavaScript之通過年月獲取月份的天數(shù)、日期格式化、時間、補零、Date、toLocaleString、Intl、DateTimeFormat、format(問題總結)
相關文章
今天小編就為大家分享一篇對angularJs中自定義指令replace的屬性詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
詳解在 Angular 項目中添加 clean-blog 模板
本篇文章主要介紹了詳解在 Angular 項目中添加 clean-blog 模板，非常具有實用價值，需要的朋友可以參考下2017-07-07
這篇文章主要介紹了Angular4學習筆記之根模塊與Ng模塊，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
Angularjs全局變量被作用域監(jiān)聽的正確姿勢
這篇文章主要介紹了Angularjs全局變量被作用域監(jiān)聽的正確姿勢的相關資料,需要的朋友可以參考下2016-02-02
我們所說的模塊，是你的AngularJS應用程序的一個組成部分，它可以是一個Controller，也可以是一個Service服務，也可以是一個過濾器(Filter)，也可以是一個directive(指令)等等…都是屬于一個模塊,本文給大家介紹AngularJS中的module(模塊) ，感興趣的朋友一起學習吧2016-01-01
這篇文章主要介紹了Angular5中狀態(tài)管理的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
Angularjs Ng_repeat中實現(xiàn)復選框選中并顯示不同的樣式方法
今天小編就為大家分享一篇Angularjs Ng_repeat中實現(xiàn)復選框選中并顯示不同的樣式方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Angular5.0 子組件通過service傳遞值給父組件的方法
這篇文章主要介紹了Angular5.0 子組件通過service傳遞值給父組件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
本文主要講解AngularJS 過濾器,這里整理了過濾器的相關資料并附示例代碼，幫助大家學習AngularJS的知識，有需要的小伙伴可以參考下2016-08-08
系統(tǒng)的學習了一下angularjs，發(fā)現(xiàn)angularjs的有些思想根php的模塊smarty很像，例如數(shù)據(jù)綁定，filter。如果對smarty比較熟悉的話，學習angularjs會比較容易一點,這篇文章給大家介紹angularjs filter用法詳解，感興趣的朋友一起學習吧2015-12-12