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

发布时间：2020-12-17 09:03:20 所属栏目：安全来源：网络整理

导读：在Angular 4应用程序中使用ngx-bootstrap Datepicker, 我知道通常你可以这样指定日期格式： input id="from" name="from" bsDatepicker [(bsValue)]="myModel" value="{{ myModel | date:'yyyy-MM-dd'}}" 但是这次我在模板驱动的Angular表单中,所以我的输入

在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语言环境

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!