如何使用owl-date-module将纪元时间发送到Angular中的后端API？

Posted 2023-03-24

【中文标题】如何使用owl-date-module将纪元时间发送到Angular中的后端API？

【英文标题】：How to send epoch time to backend API in Angular using owl-date-module?

【发布时间】：2021-12-17 01:01:40

【问题描述】：

我在我的应用程序中使用 owl-date-time 模块来获取两个字段中的日期时间参数。但是，我在一个列表中获取该值，并且在有效负载中添加了一个空值。 另外，我希望将值转换为纪元时间以满足 API 要求。 在 html 组件中：

<div class="form-group row">
  <label class="col-md-3 col-form-label text-right">
    Start Time
    <span class="colorRed">*</span>
  </label>
  <div class="col-lg-5 col-sm-11">
    <input type="text" id="start_time" style="height: 36px;"
     class="form-control" [selectMode]="'rangeFrom'" name="start_time"
     placeholder="Start Time" [(ngModel)]="startTime"
     [owlDateTimeTrigger]="dt1" [owlDateTime]="dt1"
     (change)="getTime(startTime,dt1)" [max]="maxFrom"
     autocomplete="off" required>
    <owl-date-time #dt1></owl-date-time>
  </div>
<!---->
</div>
    <div class="form-group row">
      <label class="col-md-3 col-form-label text-right">
       Stop Time
       <span class="colorRed">*</span>
      </label>
      <div class="col-lg-5 col-sm-11">
       <input type="text" id="stop_time" style="height: 36px;"
        class="form-control" [selectMode]="'rangeTo'" name="stop_time"
        placeholder="End Time" [(ngModel)]="stopTime"
        [owlDateTimeTrigger]="dt2" [owlDateTime]="dt2"
        (change)="getTime(stopTime,dt2)" [min]="minTo"
        autocomplete="off" required>
       <owl-date-time #dt2></owl-date-time>
      </div>
   </div>
</div>

在 Typescript 中，我调用此函数进行转换。但我不认为该函数被调用，因为我无法获取任何控制台日志。 TS 代码

      getTime(t, selectMode) 
        console.log("Hello Chuckles");
        let tempRangeFrom, tempRangeTo;
        t.forEach(element => 
          if (typeof (element) != 'undefined' && element != null) 
            if (element[1] != null) 
                console.log("FROM!@#$%^&*()");
              tempRangeFrom = element.getTime();  // Date To TimeStamp
              this.minTo = new Date(tempRangeFrom); // TimeStamp to Date
              this.minTo.toGMTString();
             else 
              tempRangeTo = element.getTime();
              this.maxFrom = new Date(tempRangeTo);
              this.maxFrom.toGMTString();
            
          
        );
      

日期选择器的屏幕截图：

有效载荷：

【参考方案1】：

你可以这样做：

const date = new Date()

console.log(new Date(date).getTime())

如果上面的代码没有帮助，你也可以查看this链接。