AngularJS 日期格式化詳解
AngularJS是為了克服HTML在構(gòu)建應(yīng)用上的不足而設(shè)計(jì)的。HTML是一門很好的為靜態(tài)文本展示設(shè)計(jì)的聲明式語(yǔ)言，但要構(gòu)建WEB應(yīng)用的話它就顯得乏力了。所以我做了一些工作（你也可以覺(jué)得是小花招）來(lái)讓瀏覽器做我想要的事。
AngularJS的日期格式化有兩種形式，一種是在HTML頁(yè)面，一種是在JS代碼里，都是用到AngularJS的過(guò)濾器$filter。
HTML: date_expression 即 你在$scope中設(shè)的date類型變量（注意，一定是date object才正確）, 也是要顯示出來(lái)的日期,|是分割符號(hào)，分割符號(hào)后面的第一個(gè)參數(shù)date是指明過(guò)濾器類型是過(guò)濾日期的,第二個(gè)參數(shù)format是你的日期要格式化成什么樣子，比如yyyy-MM-dd,最后timezone一個(gè)是時(shí)區(qū)（可選參數(shù)）,對(duì)于國(guó)際化的網(wǎng)站比較適用。
{{ date_expression | date : format : timezone}}
兩種寫法：可以用{{}}表達(dá)式，也可以用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格式化之后的值了。
以上內(nèi)容是小編給大家分享的AngularJS 日期格式化詳解的全部敘述，希望大家喜歡。
- JS獲取指定月份的天數(shù)兩種實(shí)現(xiàn)方法
- JS獲取月份最后天數(shù)、最大天數(shù)與某日周數(shù)的方法
- JS獲取月的最后一天與JS得到一個(gè)月份最大天數(shù)的實(shí)例代碼
- JavaScript實(shí)現(xiàn)日期格式化的方法匯總
- Javascript將字符串日期格式化為yyyy-mm-dd的方法
- Javascript日期格式化format函數(shù)的使用方法
- Javascript將JSON日期格式化
- javascript中Date format(js日期格式化)方法小結(jié)
- JavaScript之通過(guò)年月獲取月份的天數(shù)、日期格式化、時(shí)間、補(bǔ)零、Date、toLocaleString、Intl、DateTimeFormat、format(問(wèn)題總結(jié))
相關(guān)文章
在 Angular 中實(shí)現(xiàn)搜索關(guān)鍵字高亮示例
本篇文章主要介紹了在 Angular 中實(shí)現(xiàn)搜索關(guān)鍵字高亮示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
組件是一種特殊的指令，使用更簡(jiǎn)單的配置項(xiàng)來(lái)構(gòu)建基于組件的應(yīng)用程序架構(gòu).這篇文章主要介紹了Angular組件——父組件調(diào)用子組件方法,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了Angularjs按需查詢實(shí)例代碼,需要的朋友可以參考下2017-10-10
這篇文章主要給大家介紹了關(guān)于Angular框架詳解之視圖抽象定義的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
Angular2開發(fā)環(huán)境搭建教程之VS Code
不久前WebStorm的頻繁卡死終于讓我受不鳥了,我決定換個(gè)輕量級(jí)的編輯器，嘗試了Emacs、Sublime text,最后選擇了vscode。下面這篇文章主要給大家介紹了關(guān)于Angular2開發(fā)環(huán)境搭建教程之VS Code的相關(guān)資料，需要的朋友可以參考下。2017-12-12
AngularJS中的Module類負(fù)責(zé)定義應(yīng)用如何啟動(dòng)，它還可以通過(guò)聲明的方式定義應(yīng)用中的各個(gè)片段。我們來(lái)看看它是如何實(shí)現(xiàn)這些功能的2015-12-12
AngularJs導(dǎo)出數(shù)據(jù)到Excel的示例代碼
本篇文章主要介紹了AngularJs導(dǎo)出Excel的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
簡(jiǎn)單來(lái)說(shuō)Angular.js是google開發(fā)者設(shè)計(jì)和開發(fā)的一套前端開發(fā)框架，幫助你簡(jiǎn)化前端開發(fā)的負(fù)擔(dān)。當(dāng)然，這里有很多其它的前端開發(fā)框架，但是如何選擇合適的前端框架對(duì)于我們這些開發(fā)人員來(lái)說(shuō)就不是那么容易了！2014-11-11
這篇文章主要幫助大家學(xué)習(xí)使用AngularJS文件上傳控件angular-file-upload，感興趣的小伙伴們可以參考一下2016-02-02
使用Angular CLI生成 Angular 5項(xiàng)目教程詳解
這篇文章主要介紹了使用Angular CLI生成 Angular 5項(xiàng)目的教程詳解 ,需要的朋友可以參考下2018-03-03