Bootstrap 日期选择器取值比所选日期小一天

Question

我正在使用 Bootstrap 日期选择器来捕获特定日期。但是当它传递给后端时，选定的日期将变得少一天。我选择的日期 UI -> 04-Apr-1997 控制台中显示的日期 -> 1997-04-03T18:30:00.000Z（如您所见...晚了一天）

HTML

<div class="col-sm-9">
            <input id="OfficialDob" placeholder="Date of Birth" class="form-control" bsDatepicker [bsConfig]="bsConfig"
              formControlName="OfficialDob" />
          </div>

类型说明

this.bsConfig = Object.assign(
      {},
      {
        containerClass: this.datepickerColorTheme,
        zIndexOffset: -3,
        dateInputFormat: 'DD-MMM-YYYY',
        showWeekNumbers: false
      }
    );

为什么会这样？谁能告诉我该怎么做？谢谢

Answer 1

这不是错误。 Datepicker 接受输入并根据时区设置日期。在控制台中，它以 ISO 格式显示日期。使用 date.toLocaleDateString() 您将看到您设置的日期。或者，如果需要，考虑将时区偏移量添加到日期。

Bootstrap 日期选择器取值比所选日期小一天

Bootstrap Datepicker taking value as one-day less than the selected date

html

javascript

datepicker

bootstrap-4

angular