Date根底语法
/** * Date * * 1970年1月1日（UTC）起通过的毫秒数。 * * 语法 * new Date(); * new Date(value); * new Date(dateString); * new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]); * * @params new new Date(): 创立时刻的日期和工夫 * @params value:Unix工夫戳 * @params dateString:工夫戳字符串，能被Date.parse()辨认 * @params 多个参数:Date.length，长度为7，可承受的参数个数 * * year：年份，monthIndex：月份 0-11 0示意1月份，date：一个月中的第几天的整数值，从1开始。默认值为1 * hours ：一天中的小时数的整数值 (24小时制)。默认值为0（午夜） * minutes ：分钟局部的整数值。默认值为0。 * seconds ：秒局部的整数值。默认值为0。 * milliseconds ：示意一个残缺工夫的毫秒局部的整数值。默认值为0。 * * 当Date作为结构函数调用并传入多个参数时，如果数值大于正当范畴时（如月份为 13 或者分钟数为 70），相邻的数值会被调整。比方 new Date(2013, 13, 1)等于new Date(2014, * 1, 1)，它们都示意日期2014-02-01（留神月份是从0开始的）。其余数值也是相似，new Date(2013, 2, 1, 0, 70)等于new Date(2013, 2, 1, 1, 10)，都示意同一个工夫： * 2013-03-01T01:10:00。 * * 当Date作为结构函数调用并传入多个参数时，所定义参数代表的是当地工夫。如果须要应用世界协调时 UTC，应用 new Date(Date.UTC(...)) 和雷同参数 * * */Date办法
Date.now(); // 自 1970-1-1 00:00:00 UTC（世界规范工夫）至今所通过的毫秒数。console.log("Date.now()", Date.now()); // 1650598266647Date.parse(); // 解析一个示意日期的字符串，并返回从 1970-1-1 00:00:00 所通过的毫秒数console.log("Date.parse()", Date.parse("Dec 25, 1995")); // 1650598266647Date.UTC()
/** * Date.UTC(); * Date.UTC(year,month[,date[,hrs[,min[,sec[,ms]]]]]) * @param year 1900 年后的某一年份。 * @param month 0 到 11 之间的一个整数，示意月份。 * @param date 1 到 31 之间的一个整数，示意某月当中的第几天。 * @param hrs 0 到 23 之间的一个整数，示意小时。 * @param min 0 到 59 之间的一个整数，示意分钟。 * @param sec 0 到 59 之间的一个整数，示意秒。 * @param ms 0 到 999 之间的一个整数，示意毫秒 * 承受的参数同日期构造函数承受最多参数时一样，返回从1970-1-1 00:00:00 UTC到指定日期的的毫秒数。 * * */const utcDate1 = new Date(Date.UTC(96, 1, 2, 3, 4, 5));const utcDate2 = new Date(Date.UTC(0, 0, 0, 0, 0, 0));console.log(utcDate1.toUTCString());// Fri, 02 Feb 1996 03:04:05 GMTconsole.log(utcDate2.toUTCString());// Sun, 31 Dec 1899 00:00:00 GMT实例化 new Date通用办法
console.log(nowDate.toDateString()); // `以美式英语和人类易读的模式返回一个日期对象日期局部的字符串。console.log(nowDate.toISOString()); // 办法返回一个 ISO（ISO 8601 Extended Format）格局的字符串：YYYY-MM-DDTHH:mm:ss.sssZ。时区总是UTC（协调世界时），加一个后缀“Z”标识。console.log(nowDate.toJSON()); // 返回 Date 对象的字符串模式/** * toLocaleDateString * 返回该日期对象日期局部的字符串，该字符串格局因不同语言而不同。新增的参数 locales 和 options 使程序可能指定应用哪种语言格式化规定，容许定制该办法的体现 * （behavior）。在旧版本浏览器中， locales 和 options 参数被疏忽，应用的语言环境和返回的字符串格局是各自独立实现的。 * * */const options = { weekday: "long", year: "numeric", month: "long", day: "numeric",};console.log(nowDate.toLocaleDateString("de-DE", options));/** * toLocaleString * 办法返回该日期对象的字符串，该字符串格局因不同语言而不同。新增的参数 locales 和 options 使程序可能指定应用哪种语言格式化规定 * 容许定制该办法的体现（behavior）。在旧版本浏览器中， locales 和 options 参数被疏忽，应用的语言环境和返回的字符串格局是各自独立实现的。 * * */ console.log(nowDate.toLocaleString("en-GB", { timeZone: "UTC" }));/** * toLocaleTimeString * 办法返回该日期对象工夫局部的字符串，该字符串格局因不同语言而不同。新增的参数 locales 和 options 使程序可能指定应用哪种语言格式化规定 * 容许定制该办法的体现（behavior）。在旧版本浏览器中， locales 和 options 参数被疏忽，应用的语言环境和返回的字符串格局是各自独立实现的。 * * */console.log(nowDate.toLocaleTimeString("en-US"));console.log(nowDate.toString()); // 返回一个字符串，示意该Date对象。console.log(nowDate.toTimeString()); // 以人类易读模式返回一个日期对象工夫局部的字符串，该字符串以美式英语格式化。console.log(nowDate.toUTCString()); // 把一个日期转换为一个字符串，应用UTC时区。/** * valueOf() 办法返回一个 Date 对象的原始值。 * * */const date1 = new Date(Date.UTC(96, 1, 2, 3, 4, 5));console.log(date1.valueOf()); // 823230245000const date2 = new Date("02 Feb 1996 03:04:05 GMT");console.log(date2.valueOf()); // 823230245000Date工夫操作
在整顿Date工夫操作过程中，依据法则，对一些办法进行了归类
工夫操作相干的get办法
console.log(nowDate.getDate()); // 获取月份的某天console.log(nowDate.getDay()); // 一周的第几天，0 示意星期天console.log(nowDate.getFullYear()); // 取代getyear(),获取年份console.log(nowDate.getHours()); // 一个指定的日期对象的小时console.log(nowDate.getMilliseconds()); // 指定的日期对象的毫秒数console.log(nowDate.getMinutes()); // 日期对象的分钟数。console.log(nowDate.getMonth()); // 指定的日期对象的月份，为基于0的值（0示意一年中的第一月）console.log(nowDate.getSeconds()); // 指定的日期对象的秒数console.log(nowDate.getTime()); // 示意从1970年1月1日0时0分0秒（UTC，即协调世界时）间隔该日期对象所代表工夫的毫秒数。console.log(nowDate.getTimezoneOffset()); // 返回协调世界时（UTC）绝对于以后时区的工夫差值，单位为分钟。以世界时UCT为规范获取工夫
console.log(nowDate.getUTCDate()); // 以世界时为规范，返回一个指定的日期对象为一个月中的第几天console.log(nowDate.getUTCDay()); // 以世界时为规范，返回一个指定的日期对象为一星期中的第几天，其中 0 代表星期天。console.log(nowDate.getUTCFullYear()); // 以世界时为规范，返回一个指定的日期对象的年份。console.log(nowDate.getUTCHours()); // 以世界时为规范，返回一个指定的日期对象的小时数。console.log(nowDate.getUTCMilliseconds()); // 以世界时为规范，返回一个指定的日期对象的毫秒数。console.log(nowDate.getUTCMinutes()); // 以世界时为规范，返回一个指定的日期对象的分钟数。console.log(nowDate.getUTCMonth()); // 以世界时为规范，返回一个指定的日期对象的月份，它是从 0 开始计数的（0 代表一年的第一个月）。console.log(nowDate.getUTCSeconds()); // 以世界时为规范，返回一个指定的日期对象的秒数。工夫操作相干的设置set工夫
console.log(nowDate.setDate(24)); // 获取月份的某天console.log(nowDate.setTime(12)); // 示意从1970年1月1日0时0分0秒（UTC，即协调世界时）间隔该日期对象所代表工夫的毫秒数。console.log(nowDate.setHours(12)); // 依据本地工夫为一个日期对象设置小时数，返回从1970-01-01 00:00:00 UTC 到更新后的 日期 对象实例所示意工夫的毫秒数。console.log(nowDate.setMilliseconds(456)); // 依据本地工夫设置一个日期对象的豪秒数。console.log(nowDate.setMinutes(40)); // 依据本地工夫为一个日期对象设置分钟数。console.log(nowDate.setMonth(3)); // 依据本地工夫为一个设置年份的日期对象设置月份。console.log(nowDate.setSeconds(3)); // 依据本地工夫设置一个日期对象的秒数。console.log(nowDate.setTime(new Date().getTime())); // 办法以一个示意从1970-1-1 00:00:00 UTC计时的毫秒数为来为 Date 对象设置工夫。console.log(nowDate.setTime(new Date().getTime())); // 办法以一个示意从1970-1-1 00:00:00 UTC计时的毫秒数为来为 Date 对象设置工夫。以世界时为规范设置set工夫
console.log(nowDate.setUTCDate(19)); // 依据寰球工夫设置特定date对象的日期。console.log(nowDate.setUTCFullYear(1975)); // 依据世界规范工夫为一个具体日期设置年份console.log(nowDate.setUTCHours(23)); // 依据世界规范工夫为一个具体日期设置小时数,返回从1970-01-01 00:00:00 UTC 到更新后的 日期 对象实例所示意工夫的毫秒数。console.log(nowDate.setUTCMilliseconds(420)); // 依据世界时来设置指定工夫的毫秒数。console.log(nowDate.setUTCMinutes(25)); // 依据世界协调时（UTC）来设置指定日期的分钟数。console.log(nowDate.setUTCMonth(11)); // 依据世界协调时（UTC）来设置设置一个精确的月份console.log(nowDate.setUTCSeconds(39)); // 依据世界协调时（UTC）来设置设置一个设置秒数小结
以上整顿了对于js中内置对象Date的一些根底的操作方法,更加具体的办法能够拜访
JavaScript 规范内置对象 Date
举荐Date操作插件
- momentjs http://momentjs.cn/
根底应用办法：
npm install moment --saveimport moment from "moment";console.log(moment().format("YYYY-MM-DD"));dayjs https://dayjs.fenxianglu.cn/
根底应用办法：npm install dayjs --saveimport dayjs from 'dayjs'dayjs().format();// 毫秒工夫戳dayjs(1318781876406).format('YYYY-MM-DD HH:mm:ss'); // 2011-10-17 00:17:56
源码地址
码云 https://gitee.com/lewyon/vue-note
githup https://github.com/akari16/vue-note
文章集体博客地址：http://lewyon.xyz/dateFun.html
欢送关注公众号：程序猿布欧，不定期更新一些前端入门文章
创作不易，转载请注明出处和作者。