AngularJS 日期格式化

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

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

{{ date_expression | date : format : timezone}}

兩種寫法：可以用{{}}表達(dá)式，也可以用ng-bind 或者 ng-model
{{myDate | date:’medium’}}

<h1 ng-bind="myDate | date:'yyyy-MM-dd'"></h1> ...<td class="collapsing">{{stObj.createDatetime | date:"yyyy-MM-dd HH:mm:ss"}}</td>

在Javascript代碼里，是這么寫的：

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

這樣你聲明的變量myJsDate就能得到$scope里myDate格式化之后的值了。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的AngularJS 日期格式化的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。