Question

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

如您所见'{Form.value}}对'date'的值格式为“date”：“2017-10-14T17：38：53.000Z”，如何将其更改为“date” 2017年10月14日“例如，因为那种格式没有通过我的正则表达式验证！

我试过玩代码示例，我也阅读了有关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 }) 
}

Answer 2

这个问题帮助我解决了您面临的同样问题。 https://github.com/valor-software/ngx-bootstrap/issues/2934

基本上说，对于对象（在您的情况下为“ date”，值为“ 2017-10-14T17：38：53.000Z”），由于您的对象是Date类型，因此可以使用名为.toLocaleDateString（）的方法。

ps .：我只是意识到您是在github（lol）上创建问题的人，无论如何，我会让我的回答在这里帮助其他人：）

西亚

ngx-bootstrap的反应形式的datepicker格式值

2 个答案: