导航时ngbDatepicker显示空白日期字段

问题描述

我正在Angular中实现一个datepicker控件:

<div (click)="d.toggle()">
    <input
      [value]="formatter.format(date)"
      placeholder=""
      ngbDatepicker
      #d="ngbDatepicker"
      (navigate)="date = $event.next"
      container="body"
      (dateSelect)="changeDate($event)"
    />
  </div>

然后在组件中定义如下的changeDate()事件:

date: NgbDate;

constructor(
    @Inject(DEFAULT_CURRENCY_CODE) protected currency: string,private calendar: NgbCalendar,public formatter: NgbDateParserFormatter
  ) {
    this.date = calendar.getToday();
  }

changeDate(date: NgbDate) {
    this.date = date;
    this.reload();
  }

一切正常,除了当我在日历中导航时,当天的字段显示为空。例如-默认为今天(2020年8月17日),我想更改选择,因此我在输入字段中单击以打开日历。显示了月份(我相信它称为日历)。此时,输入字段中当天的字段将变为空,如下所示:

enter image description here

相反,我希望显示以前选择的日期,直到选择了新的日期为止,如下所示:

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

错误1:Request method ‘DELETE‘ not supported 错误还原:...
错误1:启动docker镜像时报错:Error response from daemon:...
错误1:private field ‘xxx‘ is never assigned 按Alt...
报错如下,通过源不能下载,最后警告pip需升级版本 Requirem...