如何复制“新日期()”格式？
如何复制“新日期()”格式？
提问于 2017-10-13 09:19:46
我用的是
- 角材日期选择器
- Moment.js
- 萤火虫
我在做什么
- 当我创建一个新项目并将其添加到防火墙时，我使用“new ()”添加一个日期
- 这就创建了以下格式的it防火墙：2017年10月13日上午9:00:04 AM UTC+1
- 这正是我想要的
- 材料日期选择器可以很好地读取数据，并显示13/10/2017
我想做什么
- 如果我编辑该项目并从材料日期选择器中选择一个新日期并单击update，则希望转换日期选择器值，该值当前为18/12/2017 (例如.)的字符串。
- 在写回数据库之前，我希望这种格式类似于2017年12月18日上午9点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
}
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-10-13 10:07:52
您可以使用内置日期格式函数：
dateTest(newItemDate) {
var formatedDate = new Date(newItemDate);
// UTC Date
console.log(formatedDate.toUTCString());
// ISO Date
console.log(formatedDate.toISOString());
}链接到StackBlitz Demo。
Stack Overflow用户
发布于 2017-10-13 09:40:03
您可以尝试从字符串中抽出一点时间来格式化它，如下所示：
// 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>
编辑：修正了片段中缺少的moment.js导入。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46726525
复制相关文章
相似问题
腾讯云开发者
