美文网首页
JS中日期对象

JS中日期对象

作者: 槑啊槑 | 来源:发表于2020-11-14 22:21 被阅读0次

    一、创建日期对象

    var date=new Date()
    console.log(date);  //Sat Nov 14 2020 20:15:16 GMT+0800  (中国标准时间)
    console.log(date.toLocaleString());   // 2020/11/14 下午8:15:16
    

    二、获取日期对象中的年月日、时分秒

    var d=new Date();
    /*年*/ 
    console.log(d.getFullYear());//2020
    console.log(d.getYear());//120   1900-2020的年份差。
    /*月*/
    console.log(d.getMonth());//10;获取的值范围是0~11,需要自己+1
    /*日*/
    console.log(d.getDate());//14
    /*星期*/
    console.log(d.getDay());//6  星期六
    /*时*/
    console.log(d.getHours()) //20
    /*分*/
    console.log(d.getMinutes()) //15
    /*秒*/
    console.log(d.getSeconds()) //16
    /*获取从1970年1月1日开始的毫秒数*/
    console.log(d.getTime());//1605359235789
    var sec=parseInt(d.getTime()/1000);//秒
    

    三、设置时间对象

    /*1.直接设置日期*/
      //1.1字符串形式--不会自动进位
         var d=new Date('2021-1-1 12:34:56');// 通过 toLocaleString转换后(以下同样处理):2021/1/1 下午12:34:56
         var d=new Date('2021/1/1 12:34:56');//2021/1/1 下午12:34:56
         var d=new Date('2021.1.1 12:34:56');//2021/1/1 下午12:34:56
         var d=new Date('2021年1月1 12:34:56');//Invalid Date 无效的日期
         var d=new Date('2020.13.1 12:34:56');// Invalid Date
         console.log(d.toLocaleString())
      //1.2数字形式设置--自动进位
         var d=new Date(2021,1,1,12,34,56);//月份自动+1    2021/2/1 下午12:34:56
         var d=new Date(2020,14,1,12,34,56);//2021/3/1 下午12:34:56
         console.log(d.toLocaleString());
    
     /*2.利用方法设置日期--自动进位的*/
         //setFullYear/setMonth/setDate/setDay
           var d=new Date();
           d.setFullYear(2021);
           d.setMonth(1);
           d.setDate(1);
           console.log(d.toLocaleString()); //2021/2/1 下午9:04:56
    

    四、倒计时效果

    function djs() {
                var currenttime = new Date();
                var futuretime = new Date('2021-1-1 00:00:00');//未来的时间
                var time = parseInt((futuretime - currenttime) / 1000);//剩下的时间--s
                //天  时   分   秒
                var day = parseInt(time / 86400);//天
                var hour = parseInt(time % 86400 / 3600);//小时
                var min = parseInt(time % 3600 / 60);//分
                var sec = time % 60//秒
                return '离2021年元旦还剩:'+day+'天'+hour+'时'+min+'分'+sec+'秒';
            }
    
            document.body.innerHTML=djs();
            window.setInterval(function(){
                document.body.innerHTML=djs();
            },1000);
    

    五、常用的组件moment.js
    http://momentjs.cn/
    若从后端获取到的日期对象是Sat Nov 14 2020 21:56:26 GMT+0800 (中国标准时间),想要展示的是2020-11-14 21:56:26,可以直接通过monent.js格式化

    let d=Sat Nov 14 2020 21:56:26 GMT+0800 (中国标准时间);
    moment(d).format('YYYY-MM-DD HH:mm:ss');
    

    相关文章

      网友评论

          本文标题:JS中日期对象

          本文链接:https://www.haomeiwen.com/subject/oswwbktx.html