AngularJS 日期格式化詳解，

AngularJS 日期格式化詳解，

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 日期格式化詳解的全部敘述，希望大家喜歡。

您可能感興趣的文章:

• js時間戳記格式化成日期格式的多種方法
• php格式化日期和時間格式化樣本分享
• C#中DateTime日期類型格式化顯示方法匯總
• PowerShell中使用Get-Date擷取日期時間並格式化輸出的例子
• js時間日期格式化封裝函數
• angularJS中$apply()方法詳解
• angularJS中router的使用指南
• 在AngularJS中使用AJAX的方法
• angularjs用戶端實現壓縮圖片檔案並上傳執行個體