国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

AngularJS 日期格式化詳解

2019-11-20 10:57:30
字體:
來源:轉載
供稿:網友

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'}}
<h1 ng-bind="myDate | date:'yyyy-MM-dd'"></h1>

在Javascript代碼里,是這么寫的:

復制代碼 代碼如下:

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

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 抚顺市| 兴安县| 隆德县| 全南县| 津南区| 金沙县| 新余市| 潼关县| 海淀区| 巴林左旗| 鄄城县| 会东县| 虞城县| 大同县| 抚顺县| 延长县| 宁波市| 略阳县| 修武县| 大安市| 揭西县| 迁西县| 厦门市| 郁南县| 蒲城县| 乌兰县| 娱乐| 安顺市| 高清| 黄梅县| 枝江市| 探索| 绥德县| 兴山县| 辽中县| 沙坪坝区| 赤城县| 张家界市| 平利县| 靖远县| 怀来县|