Question

设置ngxDaterangepicker的endKey不会显示daterangepicker的结束日期。

startDate和EndDate也已设置。还尝试在ngOnInit和ngOnChanges中设置startDate和endDate。还尝试了不设置语言环境。

调试时的值显示所选的开始日期和结束日期不同。结果是startKey正确，但html页面中的endKey不正确。

Answer 1

因此，设置开始键和结束键，您的模型必须包含开始键和结束键值作为正确的日期或时刻对象。

app.component.ts

import { Component } from '@angular/core';
import moment from 'moment';
import {Moment} from 'moment';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';
  selected: {'start': Moment, 'end': Moment} = {
    'start': moment('2019-07-05'),
    'end': moment('2019-07-10')
  };
  minDate = moment('2019-07-01');
}

app.component.html

<input type="text" ngxDaterangepickerMd 
readonly
[locale]="{applyLabel: 'ok', format: 'DD-MM-YYYY'}"
[(ngModel)]="selected"  
[minDate]="minDate" 
startKey="start" 
endKey="end" 
class="form-control"
/>

除了设置ngxDaterangepicker的endKey之外，还有其他选择吗？

1 个答案: