Angular 4中如何将字符串转换为默认Date类类型？

首先得澄清一个关键点：你用new Date("5/03/2018")得到的本身就是标准的Date对象，和Angular默认的Date类型完全一致。你觉得不符合预期，大概率是因为JavaScript的Date构造函数对斜杠分隔的日期字符串采用了美国式解析规则（月/日/年）——也就是说，它会把5/03/2018解析成「2018年5月3日」，而如果你的原字符串实际是「日/月/年」格式（2018年3月5日），那结果自然和预期不符。

下面给你两种靠谱的解决办法：

方法1：手动拆分字符串，构造正确的Date对象 #

把原字符串按斜杠拆分，提取日、月、年，再用Date构造函数的参数形式创建对象（注意JS的月份是从0开始计数的，必须减1）：

const dateStr = "5/03/2018";
// 拆分字符串并转换为数字类型
const [day, month, year] = dateStr.split("/").map(Number);
// 月份参数减1，因为Date的月份取值范围是0-11
const dateObj = new Date(year, month - 1, day);
// 输出的就是你想要的默认Date格式字符串
console.log(dateObj.toString()); 
// 示例输出：Mon Mar 05 2018 00:00:00 GMT+0530 (India Standard Time)

方法2：转换为ISO标准格式后解析 #

把原字符串转换成ISO 8601格式（YYYY-MM-DD），再传给Date构造函数，这种方式解析逻辑更稳定，不容易出现跨地区的格式歧义：

const dateStr = "5/03/2018";
const [day, month, year] = dateStr.split("/");
// 拼接成YYYY-MM-DD的ISO标准格式
const isoDateStr = `${year}-${month}-${day}`;
const dateObj = new Date(isoDateStr);
console.log(dateObj.toString());

额外说明：如果需要格式化显示 #

如果你只是需要把Date对象显示成特定格式，在Angular项目里推荐用内置的DatePipe来处理，比如：

import { DatePipe } from '@angular/common';

// 在组件中注入DatePipe后调用
const formattedDate = this.datePipe.transform(dateObj, 'EEE MMM dd yyyy HH:mm:ss zzzz');
console.log(formattedDate); // 输出类似 Tue Apr 03 2018 20:20:12 GMT+0530 (India Standard Time)

内容的提问来源于stack exchange，提问作者roopteja