前端時間格式轉換

1.thymealf時間格式化

    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">結束時間:</label>
<!--            ${#dates.format(billingForm.startTime,'yyyy-MM-dd HH:mm:ss')}-->
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="endDateId"  name="endDate" th:value="${#dates.format(machine.endDate,'yyyy-MM-dd HH:mm:ss')}">
            </div>
        </div>
    </div>

2.angular ng-alain時間日期格式化

 (1)module添加providvers

@NgModule({
  declarations: [MonitorsComponent, AnalyzeComponent, TaskComponent, InfoComponent, AddComponent, EditComponent],
  entryComponents: [EditComponent],
  imports: [
    CommonModule,
    WorksRoutingModule,
    SharedModule,
    NzToolTipModule,
    NzIconModule,
    NzProgressModule

  ],
  providers: [DatePipe],
})
export class WorksModule { }

(2)component里面引入

import { Router } from '@angular/router';
import { toNumber } from '@delon/util';
import { DatePipe } from '@angular/common';

(3)ts的util方法datePipe管道方法

  /**
   * 
   * @param date 時間日期格式化 datePipe工具
   */
  formatDateFun(date) {
    return this.datePipe.transform(date, 'yyyy-MM-dd HH:mm:ss');
  }

(4)使用

  /**
   * 
   * @param result 根據時間查詢歷史的數據
   */
  changeHistoryData(result: Date): void {

    // console.log(result);
    // console.log(this.formatDateFun(result));
    const url = this.server + "/task/history?_allow_anonymous=true";
    this.http.post(url, { "queryDate": this.formatDateFun(result), "userId": this.tokenId }, httpOptions).subscribe((res: any) => {
      if (res.success) {
        setTimeout(() => {
          this.historyList = res.historyList;
        }, 100);
      } else {
        this.message.error(res.message);
        this.historyList = [];
      }
    });
  }