angular - react 形式的 ngx-bootstrap 日期选择器格式值

Question

我正在处理这个例子: https://valor-software.com/ngx-bootstrap/#/datepicker#reactive

如您所见，“日期”的 {{ Form.value }} 的值格式为“日期”:“2017-10-14T17:38:53.000Z”，如何将其更改为“14/10/2017"为例，因为该格式没有通过我的正则表达式验证!

我试过使用代码示例，我还阅读了所有关于 DatePicker 模块的文档，但我无法弄清楚如何去做!

Answer 1

您可以使用普通的javascript 日期格式化方法。选择日期时，触发事件并格式化日期。最后将格式化日期设置为formControlName.

例如:

dateFormat("Fri Dec 01 2017 14:41:37 GMT+0530 (India Standard Time)");

dateFormat(date:any){
    let date = new Date(date),
    let month = ("0" + (date.getMonth()+1)).slice(-2),
    let day  = ("0" + date.getDate()).slice(-2);
    let formattedDate=[day,month,date.getFullYear()].join("/");
    this.formName.patchValue({
      date:formattedDate }) 
}