当前位置：首页 > 经验

教你将日期从string转成date js获取年月日格式

经验
2021-11-14

日期对象的方法

日期格式化方法：

格式：日期对象.方法();

alert( box.toDateString() ); 以特定的格式显示星期几、月、日和年

alert( box.toTimeString() ); 以特定的格式显示时、分、秒和时区

alert( box.toLocaleDateString() ); 以特定地区格式显示星期几、月、日和年

alert( box.toLocaleTimeString() ); 以特定地区格式显示时、分、秒和时区

alert( box.toUTCString() ); 以特定的格式显示完整的UTC日期

我们来试一下：

var d = new Date();
alert( d.toDateString() );

运行结果如下：

JavaScript日期对象 - 方法

var d = new Date();
alert( d.toLocaleDateString() );

运行结果如下：

JavaScript日期对象 - 方法

剩下的大家自己去试一下

JavaScript日期对象 - 方法

当然系统所提供给我们的这些方法可能不是我们所想要的

我们可以通过函数将其中年月日时分秒分别进行取出

set/getDate() 从Date对象中返回一个月中的某一天(1~31)

getDay() 从Date对象返回一周中的某一天(0~6)

set/getMonth() 从Date对象中返回月份(0~11)

set/getFullYear() 从Date对象以四位数返回年份

set/getHours() 返回Date对象的小时(O~23)

set/getMinutes() 返回Date对象的分钟(O~59)

set/getSeconds() 返回Date对象的秒数(O~59)

set/getMilliseconds() 返回Date对象的毫秒

set/getTime() 返回1970年1月1日至今的毫秒数

getTimezoneOffset() 返回本地时间与格林威治标准时间(GMT)的分钟差

set/getUTCDate() 根据世界时从Date对象返回月中的一天(1~31)

getUTCDay() 根据世界时从Date对象返回周中的一天(O~6)

set/getUTCMonth() 根据世界时从Date对象返回月份(O~11)

setgetUTCFullYear() 根据世界时从Date对象返回四位年份

set/getUTCHours() 根据世界时返回Date对象的小时(O~23)

set/getUTCMinutes() 根据世界时返回Date对象的分钟(O~59)

set/getUTCSeconds() 根据世界时返回Date对象的秒数(O~59)

set/getUTCMilliseconds() 根据世界时返回Date对象的毫秒(O~999)

以上凡是不带UTC的是返回当前的系统时间

带UTC的是返回当前格林尼治的时间，需要减去8小时

其余的东西都一样

JavaScript日期对象 - 方法

凡是有set和get的是既能获取，又能设置

set：设置 get：获取

比如我们先来定义一个日期，我们来获取其中的某一天

var d = new Date();
alert( d.getDate() );  //获取当前这一天的日期
d.setDate( 2 );  //改变当前日期为2号
alert( d );

JavaScript日期对象 - 方法

注意：

getDay( ); 获取一周中的某一天，从0开始的，星期0表示的是周日。只能获取不能设置。

set/getMonth( ); 获取月份的时候，从0开始，第0月表示的是第一月。可改可获。

同样的写法：

alert( d.getDay() );  运行返回当前星期，周日返回0
alert( d.getMonth() );  运行返回的当前月份减1的值，10月会返回9月
如果要修改月份，直接写数字
d.setMoth( 4 );
alert( d );  //虽然改成了4，但是运行返回结果是为5月

JavaScript日期对象 - 方法

d.getTime()/d.setTime()

getTime获取某个日期自1970年以来的毫秒数

setTime修改日期的毫秒数，对应的日期时间也会修改

【凡是涉及到毫秒数，都要参照1970年】

var d = new Date();
alert( d.getTime() );  //获取1970年到现在的毫秒数

也可以输入毫秒数来查看是什么日期
var d2 = new Date( 1507465202232 );
alert( d2 );  //返回的是这个毫秒数对应的日期

也可以修改setTime的毫秒数
d.setTime( 1000 );
alert( d );  //返回的就是1970年再加上8个小时零1秒

JavaScript日期对象 - 方法