日期选择器变量答案

【问题标题】：Date picker variables日期选择器变量
【发布时间】：2020-03-27 14:30:42
【问题描述】：

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

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

【问题讨论】：

标签： angular frontend angular-ngmodel angular-daterangepicker

【解决方案1】：

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

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

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

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

【讨论】：