javascript中Date()函数在各浏览器中的显示效果

Date() 函数在 JavaScript 中是用来获取当前时间或者指定时间的对象。在不同的浏览器中，Date() 函数的表现可能会有所区别。下面是详细的攻略。

1. Date() 函数的基本用法

首先来看一下 Date() 函数的基本用法。创建 Date() 对象实例，可以不传参或者传入数字、字符串等表示时间的参数，如下：

const now = new Date(); // 不传参，获取当前时间
console.log(now); // 打印当前时间
const time = new Date('2021-11-11 11:11:11'); // 传入字符串参数，获取指定时间
console.log(time); // 打印指定时间

2. 不同浏览器中 Date() 函数的表现

2.1. Chrome、Firefox、Edge 等现代浏览器

在现代浏览器中，Date() 函数通常会返回格式为 YYYY-MM-DDTHH:mm:ss.sssZ 的时间字符串，例如：

2021-11-07T08:02:11.335Z

2.2. IE 等老旧浏览器

在老旧浏览器中，Date() 函数的表现可能会有所不同。例如，在 IE8 中，Date() 函数会返回格式为 Weekday Month Date HH:mm:ss UTC Year 的字符串，例如：

Thu Nov 03 13:54:30 UTC 2022

需要注意的是，IE10 及更早版本不支持 toISOString() 方法，可以使用以下代码将日期格式化为标准字符串：

const date = new Date();
const str = date.getUTCFullYear() + '-' +
            ('0' + (date.getUTCMonth()+1)).slice(-2) + '-' +
            ('0' + date.getUTCDate()).slice(-2) + 'T' +
            ('0' + date.getUTCHours()).slice(-2) + ':' +
            ('0' + date.getUTCMinutes()).slice(-2) + ':' +
            ('0' + date.getUTCSeconds()).slice(-2) + '.' +
            (date.getUTCMilliseconds() / 1000).toFixed(3).slice(2, 5) + 'Z';
console.log(str); // 例如：2021-11-07T08:02:11.335Z

3. 示例说明

以下是两个示例说明：

3.1. 示例1

在 Chrome、Firefox、Edge 浏览器中，如下代码会输出一个格式为 YYYY-MM-DD 的时间字符串：

const date = new Date();
const dateString = date.toISOString().split('T')[0];
console.log(dateString);

3.2. 示例2

在 IE8 浏览器中，如下代码会输出一个格式为 YYYY-MM-DD HH:mm:ss 的时间字符串：

const date = new Date();
const dateString = date.toUTCString().replace('UTC', '').replace('GMT', '');
console.log(dateString);

通过以上攻略，可以看出 Date() 函数在不同浏览器中的表现可能会有所不同，需要根据实际情况进行处理。