美文网首页
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日期对象

    日期对象的基本操作 new Date()获取当前客户端(本机电脑的时间),该时间用户可以修改,所以不能作为重要的参...

  • Python(四十)JavaScript进阶

    Python(四十)JavaScript进阶 这篇文章主要涉及的内容是JS中的内置对象(Math对象以及日期对象)...

  • JS Date日期对象

    Date实例继承自Date.prototype。可以通过修改构造函数的原型对象来影响Date实例继承的属性和方法。...

  • js日期对象 Date

    日期对象,是系统提供好的var date=new Date(); js定时器 setInterval();setT...

  • JS中日期对象

    一、创建日期对象 二、获取日期对象中的年月日、时分秒 三、设置时间对象 四、倒计时效果 五、常用的组件moment...

  • JS与PHP“差”多少---加强版

    �一、�日期对象 1.�年月日的书写 1>JS 中 ,var �date = new date(); consol...

  • 引用类型之「对象/数组」

    # 引用类型种类 JS中引用类型有:(1) 对象:Object(2)数组:Array(3)日期:Date(4)正则...

  • 15 js10 date对象

    date日期对象:js内置对象,使用构造函数创建; 1、var date = new Date();//创建对象;...

  • JS总结概要

    1.JS事件 2.js内置对象 2.1Date 日期对象 var d = new Date(2012, 10, 1...

  • JS内置对象:Date 日期

    Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。 如何创建一个日期对象...

网友评论

      本文标题:JS中日期对象

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