AngularJS获取当前文化日期格式

时间:2017-08-02 15:37:12

标签: angularjs internationalization date-format

我用

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" />

1 个答案:

答案 0 :(得分:0)

在内部控制器中,注入$ locale service&amp;有范围变量来设置日期格式:

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

并且视为:

type='text'

同样,只有当您type='date' date :naive_datetime失败时才能使用此功能,因为在所有浏览器中本地处理日期类型。它甚至不支持Firefox&amp; IE11。所以更好的方法就是拥有文本字段&amp;一些通用的datepicker库,如ui-bootstrap或angular material datepickers,它们支持所有浏览器。在official docs中,如果输入类型为:utc_datetime,则他们未在使用中提供占位符(对于不支持的浏览器,您可以使用占位符)。

(它仍然可以通过使用类型作为日期,但通过不寻常的DOM操作实现,例如将文本字段和onfocus转换为日期&amp; onblur返回文本,仅显示用户定义的占位符)

Plunker