【问题标题】:Passing default date range to ng bootstrap dateRangePicker将默认日期范围传递给 ng bootstrap dateRangePicker
【发布时间】:2020-01-03 19:37:24
【问题描述】:

我正在尝试将默认日期范围传递给 ng bootstrap 日期范围选择器。输入字段不会更新。

  ngOnInit() {
    this.startDate = {year: now.getFullYear(), month: now.getMonth() + 1, day: now.getDate()};
    this.maxDate = { year: now.getFullYear() + 1, month: now.getMonth() + 1, day: now.getDate()};
    this.minDate = {year: now.getFullYear() - 1, month: now.getMonth() + 1, day: now.getDate()};
    let parsed = ' '
    this.fromDate = this.ngbCalendar.getToday();
    this.toDate = this.ngbCalendar.getNext(this.ngbCalendar.getToday(), 'd', 10);
    if(this.fromDate) {
      parsed += this._parserFormatter.format(this.fromDate);
    }
    if(this.toDate) {
      parsed += ' - ' + this._parserFormatter.format(this.toDate);
    }
    //passing default date
    this.model = parsed;
    this.renderer.setProperty(this.myRangeInput.nativeElement, 'value', parsed);
   }

Demo

【问题讨论】:

    标签: javascript angular ng-bootstrap


    【解决方案1】:

    从 html 中删除 [(ngModel)]

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-07-15
      • 2020-12-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多