如何更改角度NGX-引导的日期选择日期格式的表格内

问题描述 投票:6回答:3

在角度4应用程序中使用NGX-自举日期选择器,

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

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

但这次我是一个模板驱动角形式里面,所以我的输入是不是一定会喜欢在上面的例子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' }}">

不过,我不知道是否有更好的解决方案。

angular datepicker angular2-ngmodel angular-forms ngx-bootstrap
3个回答
17
投票

[(bsValue)]始终可用于与bsDatepicker使用,会是输入字段或不

如果你想改变只有一个字段的格式,然后

[(bsValue)]="newVar" value="{{ newVar | date:'yyyy-MM-dd' }}"是罚款

bsDatepicker与输入字段和表单的集成,这应该为你工作:

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

你可以在全球范围改期格式,通过配置输入的值

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区域设置


2
投票

你将能够阐述如何使用这个配置文件使用全局日期格式?

我通过你上面提供的链接GitHub的去,但无法弄清楚如何使用我的项目,因为它有很多的导入文件。我目前使用下面的内嵌代码更改日期格式。

bsDatepicker [(bsValue)]="newVar" value="{{ newVar | date:'yyyy-MM-dd' }}"

有没有把这个日期格式“YYYY-MM-DD”在配置文件全局,这样我就可以打印bsDatepicker的任何领域的日期,而不需要明确的提及格式的方法?


2
投票

如果您使用的日期范围选择器那么你应该在[bsConfig]代替dateInputFormat使用rangeInputFormat。

© www.soinside.com 2019 - 2024. All rights reserved.