如何更改窗体内Angular ngx-bootstrap的datepicker中的日期格式

前端之家收集整理的这篇文章主要介绍了如何更改窗体内Angular ngx-bootstrap的datepicker中的日期格式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Angular 4应用程序中使用ngx-bootstrap Datepicker,

我知道通常你可以这样指定日期格式:

<input id="from" name="from"
       bsDatepicker [(bsValue)]="myModel"
       value="{{ myModel | date:'yyyy-MM-dd'}}">

但是这次我在模板驱动的Angular表单中,所以我的输入没有绑定到上面示例中的myModel之类的变量,但它只是绑定到表单:

<input id="from" name="from"
       bsDatepicker ngModel>

那么在这种情况下如何指定日期格式?

编辑:看起来这样做的一种方法是在组件内部创建一个新的变量newVar,然后用[(bsValue)] =“newVar”绑定它:

<input id="from" name="from"
       bsDatepicker ngModel
       [(bsValue)]="newVar"
       value="{{ newVar | date:'yyyy-MM-dd' }}">

不过我想知道是否有更好的解决方案.

[(bsValue)]始终可用于bsDatepicker,
它会是输入字段还是不输入字段

如果你想改变一个字段的格式那么

[(bsValue)] =“newVar”value =“{{newVar | date:’yyyy-MM-dd’}}”很好

bsDatepicker与输入字段和表单集成,这应该适合您:

< input name =“from”bsDatepicker [(ngModel)] =“newVar”>

并且您可以通过config全局更改输入值的日期格式

https://github.com/valor-software/ngx-bootstrap/blob/development/src/datepicker/bs-datepicker.config.ts#L31

或通过[bsConfig] =“{dateInputFormat:’yyyy-MM-dd’}”在带有bsDatepicker的元素上

注意:目前存在L格式的问题(v1.9.2),它总是使用en-us语言环境

猜你在找的Angularjs相关文章