日期选择器变量

Question

我一直在尝试为我的数据设计一个日期范围过滤器，并制作了一个测试函数来将变量更改为开始日期和结束日期。代码在直接调用时显示正确的日期，但在打印变量时，打印不正确。

Component.html:

<div class="search">
    <input type="text" matInput
    id = 'calander'
    ngxDaterangepickerMd
    [locale]="{ 
      cancelLabel: 'Cancel',
      applyLabel: 'Okay',
      clearLabel: 'Clear',
      format: 'YYYY/MM/DD'
    }"
    startKey="start"
    endKey="end"
    [(ngModel)]="selected"
    name="daterange"
    (ngModelChange)="doSomething($event)"/>
    <button class="ripple" type="submit" ></button>
</div>

Component.ts:

  startDate: Moment;
  endDate: Moment;

  doSomething(event){
    console.log(event) // input value is logged
    alert(event.start); 

    this.startDate = event.start;
    this.endDate = event.end;
    alert('start: ' + this.startDate + '\nend: ' + this.endDate);
 }

1st Alert 2nd Alert

Answer 1

在您的情况下，日期值在毫秒内分配给其他变量，这就是为什么您在长整数值中看到日期时间.

您必须创建一个 new Date() 对象才能获得所需的日期时间格式。

this.startDate = new Date(event.start);
this.endDate = new Date(event.end);

您可以从 Date syntax (MDN) 获得有关日期格式的帮助。

日期选择器变量

Date picker variables

angular

frontend

angular-ngmodel

angular-daterangepicker