国产探花免费观看_亚洲丰满少妇自慰呻吟_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 日期格式化詳解的全部敘述,希望大家喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新源县| 蓝山县| 龙南县| 虞城县| 通道| 周口市| 南溪县| 曲沃县| 贵定县| 曲沃县| 莒南县| 铜梁县| 香格里拉县| 大足县| 昂仁县| 阿拉善盟| 东宁县| 资兴市| 泰兴市| 西乌珠穆沁旗| 沙坪坝区| 西宁市| 嘉定区| 新源县| 封丘县| 柏乡县| 德格县| 花垣县| 桐乡市| 南丰县| 论坛| 乳山市| 盐山县| 宜阳县| 柳江县| 弥勒县| 孝感市| 闽侯县| 渭南市| 牡丹江市| 麦盖提县|