datepicker 总是显示第 1 天答案

【问题标题】：datepicker always show Day-1datepicker 总是显示第 1 天
【发布时间】：2019-01-19 17:26:11
【问题描述】：

我使用 angular 5 Reactive Form 和 ngx-bootstrap datepicker 进行日期输入。

<div class="col-sm-3 form-group">
            <input type="text" class="form-control" 
            placeholder="End Date" 
            formControlName="endDate" 
            [bsConfig]="{ containerClass: 'theme-dark-blue', dateInputFormat: 'YYYY-MM-DD' }"
            bsDatepicker> 
        </div>
ngOnInit(){
  this.createEditForm();
}

createEditForm(){
this.editForm = this.fb.group(
    {
        id: [this.id],
        startDate: [this.startDate, Validators.required],
        endDate: [this.endDate],
        annualSalary: [this.annualSalary, Validators.required],
        userId: [this.userId]
    });

}

但是当我更改输入日期时，前端显示正确的日期（例如当我输入 2018-01-03 时它显示 2018-01-03）但表单值显示为 Day-1 (2018-01-02 )

我尝试将日期设置为字符串，但仍然无法正常工作。

还有没有一种方法可以将每个日期转换为字符串，只需要 YYYY-MM-DD 而不需要时间和区域？

我使用 ngx-boostrap 2.0.5（尝试 3.0.1 会产生错误）

【问题讨论】：

标签： angular datepicker ngx-bootstrap

【解决方案1】：

<p><code>ngModel</code> property sets two-way data binding in this example</p>
<div class="row">
  <div class="col-xs-12 col-12 col-md-4 form-group">
     <input class="form-control" #drp="bsDaterangepicker" bsDaterangepicker 
         [(ngModel)]="bsRangeValue">
  </div>
<div class="col-xs-12 col-12 col-md-3 form-group">
<button class="btn btn-success" (click)="drp.toggle()" [attr.aria- 
      expanded]="drp.isOpen">Date Range Picker</button>

你忘记绑定模型ngx-bootstrap/datepicker

【讨论】：

我使用的是响应式表单，我已经在输入框中声明了表单控件。它只是日期错误。

【解决方案2】：

我使用了这个功能onHidden 它对我有用，
希望对你有帮助（;

CutTimeZoneDate(){
        let d:Date = this.form.get(your-nameform-control).value
        d.setHours(d.getHours() - d.getTimezoneOffset() / 60);
        this.form.get(your-nameform-control).setValue(d)

【讨论】：