在 ng2-daterangepicker 中编辑时未显示选择日期答案

【问题标题】：select date is not showing at edit time in ng2-daterangepicker在 ng2-daterangepicker 中编辑时未显示选择日期
【发布时间】：2018-02-01 06:38:23
【问题描述】：

我正在使用ng2-daterangepicker https://github.com/evansmwendwa/ng2-daterangepicker 约会。

public singlePicker = {
        singleDatePicker: true,
        autoUpdateInput: true,
        showDropdowns: true,
        autoApply: true,
        drops: 'down',
        locale: {
            format: 'DD MMM YYYY'
        }
}

<input class="form-control form-line" type="text" daterangepicker 
id="dob" [options]="singlePicker" 
[(ngModel)]="dob" name="dob" />

在 db 中将日期存储为 YYYY-MM-DD 并在编辑时使用时刻格式化

this.dob= moment(this.dob).format(DD MMM YYYY);

它以上述格式在占位符中显示正确的日期，但是当我单击 datepicker 时，它会显示在 datepicker 中选择的当前日期。它应该显示来自 db 的日期，该日期显示在占位符中。

【问题讨论】：

我认为ng2-daterangepicker 期望两个日期过去，所以可能 ngModel 数据是错误的...
@NikolaSpalevic 我已添加singleDatePicker: true。那么它也期望 2 日期？
好的，我还没有看到... :) 当你问这样的问题时请参考图书馆...
@NikolaSpalevic 更新有问题
我已经尝试过 plunker，所以显然存在错误......如果你有这个选项，请在 github repo 上打开问题或更改包。我的建议是 flatpickr :)

标签： angular daterangepicker

【解决方案1】：

挖了一会得到了答案，

要显示在 datepicker 中选择的日期，必须在 singlePicker 对象中设置 startDate。

原来如此。

public singlePicker = {
        singleDatePicker: true,
        autoUpdateInput: true,
        showDropdowns: true,
        autoApply: true,
        drops: 'down',
        locale: {
            format: 'DD MMM YYYY'
        }

}

您可以将数据库中的值添加到startDate，例如 this.singlePicker['startDate] = this.dob

【讨论】：