如何复制“新日期（）”格式？

Question

我在用什么

• Angular 材质日期选择器
• Moment.js
• Firestore

我在做什么

• 当我创建一个新项目并将其添加到 Firestore 时，我使用 'new Date()' 添加一个日期

• 这将创建以下格式的 Firestore：2017 年 10 月 13 日上午 9:00:04 UTC+1

• 这正是我想要的

• 材料日期选择器可以很好地读取并显示 13/10/2017

我想做的事

• 如果我编辑项目并从材料日期选择器中选择一个新日期并点击更新，我想转换日期选择器值，当前是 18/12/2017 的字符串强>（例如...）

• 在写回数据库之前，我希望该格式类似于 2017 年 12 月 18 日上午 9:00:04 UTC+1

问题

• 我该怎么做？
• 是moment.js转换吗？
• 或者材料日期选择器是否有可以帮助我的选项？

Component.html

<mat-form-field>
  <input #newItemDate #picker matInput [matDatepicker]="picker" placeholder="Choose a date" (focus)="picker.open()" formControlName="item_date">
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>


<button (click)="dateTest(newItemDate.value)"> Test Date </button> 

Component.ts

显然，这里不多 :) - 但这是我需要转换日期的地方

  dateTest(newItemDate) {    

    // newItemDate = 13/10/2017  

    // I need October 13, 2017 at 9:00:04 AM UTC+1
   
  }

Answer 1

您可以使用内置的日期格式化功能：

 dateTest(newItemDate) {    

    var formatedDate = new Date(newItemDate);

    // UTC Date
    console.log(formatedDate.toUTCString());

    // ISO Date
    console.log(formatedDate.toISOString());

  }

链接到StackBlitz Demo。

Answer 2

您可以尝试从字符串中提取片刻并将其格式化：

// dateTest(newItemDate) {  

// This way you can make a moment right from the string :)
let newItemDate = moment('13/10/2017', 'DD/MM/YYYY').format("MMMM DD, YYYY H:MM:SS A Z");
console.log(newItemDate);

// }

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script>

编辑：修复了 sn-p 中缺少的 moment.js 导入。