Home > Web Front-end > JS Tutorial > body text

How to understand ES6 Date objects and object creation

坏嘻嘻
Release: 2018-09-15 10:59:59
Original
1990 people have browsed it

本篇文章给大家带来的内容是关于如何理解ES6 Date对象以及对象的创建,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

ES6 Date对象详解

Date对象详解,创建对象

        let date = new Date();
Copy after login

1.基本方法调用

年月日,时分秒,毫秒的基本方法的调用,getYear 和getFullYear的区别

        //getYear获取的时间如果小于1900,那就要加上1900
        //比如 2017 ,getYear获取的时间就是117,加上1900就是2017
        var myYears = ( date.getYear() < 1900 ) ? ( 1900 + date.getYear() ) : date.getYear();

        //getFullYear获取的就是当前系统本地的年
        let year = date.getFullYear();

        //由于js的月份是从0开始的,所以月份加上1
        let month = date.getMonth()+1;

        //返回的是一个月中的某一天1-31
        let myDate = date.getDate();

        //返回的是一个星期中的某一天0-6,0是一个星期的第一天星期天
        let myDay = date.getDay();

        //获取24小时格式的小时
        let hours =  date.getHours();

        //分
        let minutes = date.getMinutes();

        //秒
        let seconds = date.getSeconds();

        //当前时间的毫秒(0-999),获取更精确的时间
        let milliseconds = date.getMilliseconds();
Copy after login

2.获取毫秒数的三种方式

        //获取1970到现在的毫秒数
        let time = date.getTime();

        //返回Date对象的原始值的毫秒数,
        //返回值和方法 Date.getTime 返回的值相等。
        let valueOfTime = date.valueOf();

        //parse() 方法可解析一个日期时间字符串,
        //并返回 1970/1/1 午夜距离该日期时间的毫秒数。
        //这个毫秒数是把当前毫秒变成000的毫秒数
        let parseTime = Date.parse(date.toString());

        //返回本地时间与格林威治标准时间 (GMT) 的分钟差,了解一下
        let timezoneOffset = date.getTimezoneOffset();
Copy after login

3.获取Date对象字符串和本地时间字符串

        //Date 对象,日期字符串
        console.log(date.toDateString());
        //Date 对象,时间字符串
        console.log(date.toTimeString());
        //Date 对象,日期+时间字符串
        console.log(date.toString());

        //日期字符串,根据本地时间格式
        console.log(date.toLocaleDateString());
        //时间字符串,根据本地时间格式
        console.log(date.toLocaleTimeString());
        //日期+时间字符串,根据本地时间格式
        console.log(date.toLocaleString());
Copy after login

4.当前毫秒数转化为时分秒

        //当前毫秒数转化为时分秒
        let timeToDate = new Date(1487590667000).toLocaleString();
        console.log(timeToDate);
        console.log(timeToDate.split("/").join(&#39;-&#39;));
Copy after login

5.对Date的扩展,将 Date 转化为指定格式的String

        // 对Date的扩展,将 Date 转化为指定格式的String
        // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
        // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
        // 例子:
        // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
        // (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18
        Date.prototype.Format = function(fmt)
        { //author: meizz
            var o = {
                "M+" : this.getMonth()+1,                 //月份
                "d+" : this.getDate(),                    //日
                "h+" : this.getHours(),                   //小时
                "m+" : this.getMinutes(),                 //分
                "s+" : this.getSeconds(),                 //秒
                "q+" : Math.floor((this.getMonth()+3)/3), //季度
                "S"  : this.getMilliseconds()             //毫秒
            };
            if(/(y+)/.test(fmt))
                fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
            for(var k in o)
                if(new RegExp("("+ k +")").test(fmt))
                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
            return fmt;
        };

        console.log(date.Format(&#39;yyyy-MM-dd hh:mm:ss.S q&#39;));
        console.log(date.Format(&#39;yyyy-M-d h:m:s.S q&#39;))
Copy after login

The above is the detailed content of How to understand ES6 Date objects and object creation. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template