2017-08-02 71 views
0

我用AngularJS獲取當前文化日期格式

https://code.angularjs.org/1.6.5/angular.min.js 
https://code.angularjs.org/1.6.5/i18n/angular-locale_en-us.js 

我需要獲得當前

DATETIME_FORMATS.shortDate 

<input type="date" name="fromdate" id="fromdate" 
     placeholder="MM/DD/YYYY" ng-model="fromDate" /> 

這樣的事情?

<input type="date" name="fromdate" id="fromdate" 
     placeholder="{{$locale.DATETIME_FORMATS.shortDate}}" ng-model="fromDate" /> 

回答

0

內部控制,注入$現場服務&有範圍變量來設置日期格式:

$scope.localDateFormat = $locale.DATETIME_FORMATS; 

,並考慮爲:

<input type="text" name="fromdate" id="fromdate" 
     placeholder="{{localDateFormat.shortDate}}" ng-model="fromDate" /> 

同樣,這會如果你只工作'type='text''將會失敗,因爲日期類型在所有瀏覽器中都是本地處理的。它甚至不支持IE12的Firefox &。所以更好的方法是隻有文本字段&某些通用日期選擇器庫,如ui-bootstrap或支持所有瀏覽器的角度材料日期選擇器。在official docs中,如果輸入類型爲date(對於不支持的瀏覽器,您可以使用佔位符),則它們尚未提供佔位符。

(它仍可以通過使用類型的日期,但由不同尋常的DOM操作等具有的onfocus把它變成日期&的onblur迴文本文本字段&來實現,只是爲了顯示用戶定義的佔位符)

Plunker