在 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>
那么在这种情况下我该如何指定日期格式呢?
Edit:看来实现此目的的一种方法是创建一个新变量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' }}"
is fine
bsDatepicker
与输入字段和表单集成,这应该适合您:
<input name="from" bsDatepicker [(ngModel)]="newVar">
您可以通过配置全局更改输入值中的日期格式
https://github.com/valor-software/ngx-bootstrap/blob/development/src/datepicker/bs-datepicker.config.ts#L31 https://github.com/valor-software/ngx-bootstrap/blob/development/src/datepicker/bs-datepicker.config.ts#L31
or via [bsConfig]="{dateInputFormat: 'yyyy-MM-dd'}"
在元素上bsDatepicker
note:目前存在一个问题(v1.9.2)L
格式,它总是使用 en-us 语言环境
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)