目次一、Date对象JavaScript中内置了一个Date对象，它非常强大，提供了很多属性和方法，用来创建、利用、格式化日期和时间，也可以进行各种日期和时间的相关利用； 1、创建日期利用new Date() 构造函数来创建Date实例对象； （1）常用方法
（2）利用示例 [code] // 1、不传参数，根据当前日期创建 console.log("根据当前日期创建：", new Date()); // 2、传入时间戳创建 console.log("根据时间戳创建：", new Date(1719363544868)); // 3、传入日期字符串创建 console.log("根据日期字符串：", new Date("2014/01/08 11:11:00")); // 4、传入年，月，日，时，分，秒，毫秒创建 console.log("根据年，月，日，时，分，秒，毫秒创建：", new Date(2014, 2, 20, 11, 30, 23));[/code]
2、获取日期（1）常用方法
（2）利用示例 [code]// 创建当前时间的日期对象 const date = new Date("2014-01-08 14:05:06"); console.log("新创建的Date对象：", date); // 1、获取4位数年份 console.log("getFullYear()方法，获取4位数年份：", date.getFullYear()); // 2、获取月份（0-11，0代表一月） console.log("getMonth()方法，获取月份：", date.getMonth() + 1); // 3、获取月份中的某一天（1-31） console.log("getDate()方法，获取月份中的某一天：", date.getDate()); // 4、获取小时数（0-23） console.log("getHours()方法，获取小时数：", date.getHours()); // 5、获取分钟数（0-59） console.log("getMinutes()方法，获取分钟数：", date.getMinutes()); // 6、获取秒数（0-59） console.log("getSeconds()方法，获取秒数：", date.getSeconds()); // 7、获取毫秒数（0-999） console.log("getMilliseconds()方法，获取毫秒数：", date.getMilliseconds()); // 8、获取自1970年1月1日以来的毫秒数 console.log("getTime()方法，获取自1970年1月1日以来的毫秒数：", date.getTime()); // 9、获取星期中的某一天（0-6，0代表周日） console.log("getDay()方法，获取星期中的某一天：", date.getDay());[/code]
3、设置日期（1）常用方法
（2）利用示例 [code]let date = new Date(); console.log("新创建的Date对象：", date); // 1、设置4位数年份 date.setFullYear(2020); console.log("setFullYear()方法，设置4位数年份：", date); // 2、设置月份（0-11，0代表一月） date.setMonth(10); console.log("setMonth()方法，设置月份：", date); // 3、设置月份中的某一天（1-31） date.setDate(7); console.log("setDate()方法，设置月份中的某一天：", date); // 4、设置小时数（0-23） date.setHours(12); console.log("setHours()方法，设置小时数：", date); // 5、设置分钟数（0-59） date.setMinutes(24); console.log("setMinutes()方法，设置分钟数：", date); // 6、设置秒数（0-59） date.setSeconds(48); console.log("setSeconds()方法，设置秒数：", date); // 7、设置毫秒数（0-999） date.setMilliseconds(123); console.log("setMilliseconds()方法，设置毫秒数：", date); console.log("设置完成后的日期：", date);[/code]
4、转换日期（1）常用方法
（2）利用示例 [code]let date = new Date("2014-01-08 14:05:06"); console.log("新创建的Date对象：", date); // 1、把 Date 对象转换为字符串； console.log("toString()方法，转换为字符串：", date.toString()); // 2、把 Date 对象的日期部分转换为字符串； console.log("toDateString()方法，日期部分转换为字符串：", date.toDateString()); // 3、把 Date 对象的时间部分转换为字符串； console.log("toTimeString()方法，时间部分转换为字符串：", date.toTimeString()); // 4、把 Date 对象，转换为本地时间格式的字符串； console.log("toLocaleString()方法，转换为本地时间格式的字符串：", date.toLocaleString()); // 5、把 Date 对象的日期部分，转换为本地时间格式的字符串； console.log("toLocaleDateString()方法，日期部分转换为本地时间格式的字符串：", date.toLocaleDateString()); // 6、把 Date 对象的时间部分，转换为本地时间格式的字符串； console.log("toLocaleTimeString()方法，时间部分，转换为本地时间格式的字符串：", date.toLocaleTimeString()); // 7、把 Date 对象转换为JSON 数据格式字符串； console.log("toJSON()方法，转换为JSON 数据格式字符串：", date.toJSON()); // 8、把 Date 对象转换为 ISO 尺度的日期格式； console.log("toISOString()方法，转换为 ISO 尺度的日期格式：", date.toISOString());[/code]
5、获取时间戳（1）常用方法
（2）利用示例 [code]// 1、利用Date.parse() console.log("利用Date.parse()方法获取时间戳：", Date.parse(new Date())); // 2、利用Math.round() console.log("利用Math.round()方法获取时间戳：", Math.round(new Date())); // 3、利用.valueOf()() console.log("利用.valueOf()方法获取时间戳：", (new Date()).valueOf()); // 4、利用.getTime() console.log("利用.getTime()方法获取时间戳：", (new Date()).getTime()); // 5、利用+new Date() console.log("利用+new Date()方法获取时间戳：", +new Date());[/code]
二、格式化Date对象不难发现，利用new Date()创建出来的日期对象，格式并不是想要的； 下面封装格式化日期的方法，供一样平常开辟参考； [code]// 创建当前时间的日期对象 const date = new Date("2014-01-08 14:05:06"); console.log("新创建的Date对象：", date); console.log(format1(date)); console.log(format2(date)); console.log(format3(date)); console.log(format4(date)); console.log(format5(date)); console.log(format6(date)); console.log(format7(date)); // 1、输出日期：y:M:d(不补0) function format1(date){ const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); return year + '-' + month + '-' + day; } // 2、输出日期：yyyy-MM-dd(补0) function format2(date){ let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); month = month < 10 ? "0" + month : month; day = day < 10 ? "0" + day : day; return year + '-' + month + '-' + day; } // 3、输出时间：H:m:s function format3(date){ const hour = date.getHours(); const minute = date.getMinutes(); const second = date.getSeconds(); return hour + ':' + minute + ':' + second; } // 4、输出时间：HH:mm:ss function format4(date){ let hour = date.getHours(); let minute = date.getMinutes(); let second = date.getSeconds(); hour = hour < 10 ? "0" + hour : hour; minute = minute < 10 ? "0" + minute : minute; second = second < 10 ? "0" + second : second; return hour + ':' + minute + ':' + second; } // 5、输出完备日期：y-M-d H:m:s function format5(date){ const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); const hour = date.getHours(); const minute = date.getMinutes(); const second = date.getSeconds(); return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second; } // 6、输出完备日期：yy-MM-dd HH:mm:ss function format6(date){ let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); let hour = date.getHours(); let minute = date.getMinutes(); let second = date.getSeconds(); month = month < 10 ? "0" + month : month; day = day < 10 ? "0" + day : day; hour = hour < 10 ? "0" + hour : hour; minute = minute < 10 ? "0" + minute : minute; second = second < 10 ? "0" + second : second; return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second; } // 7、输出完备日期：yy-MM-dd HH:mm:ss week function format7(date){ let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate(); let hour = date.getHours(); let minute = date.getMinutes(); let second = date.getSeconds(); let week = ['日', '一', '二', '三', '四', '五', '六'][date.getDay()]; month = month < 10 ? "0" + month : month; day = day < 10 ? "0" + day : day; hour = hour < 10 ? "0" + hour : hour; minute = minute < 10 ? "0" + minute : minute; second = second < 10 ? "0" + second : second; return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second + ' 星期' + week; }[/code]
到此这篇关于JavaScript中的 Date（日期）对象的文章就介绍到这了,更多相关js date对象内容请搜索脚本之家从前的文章或继续欣赏下面的相关文章希望大家以后多多支持脚本之家！ 来源：https://www.jb51.net/javascript/328546dax.htm 免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！ |
/6 
|手机版|小黑屋|梦想之都-俊月星空
( 粤ICP备18056059号 )|网站地图
GMT+8, 2025-7-2 09:14 , Processed in 0.031331 second(s), 18 queries .
Powered by Mxzdjyxk! X3.5
© 2001-2025 Discuz! Team.
