专栏名称: klivitamJ
android/前端工程师
目录
相关文章推荐
笔吧评测室  ·  联想 YOGA 14 / X 和 YOGA ... ·  昨天  
笔吧评测室  ·  未来人类预热 X98、X96 ... ·  2 天前  
笔吧评测室  ·  联想商用笔记本新系列悦 Plus16 ... ·  2 天前  
笔吧评测室  ·  宏碁推出 2025 ... ·  3 天前  
笔吧评测室  ·  TechInsights:去年 AI PC ... ·  3 天前  
51好读  ›  专栏  ›  klivitamJ

js关于时间的那些个事儿

klivitamJ  · 掘金  ·  · 2019-05-17 03:04

正文

阅读 42

js关于时间的那些个事儿

昨天看到一则消息,著名前央视大咖李咏去世的消息遍布全网络。所有人的关注点都在李咏去世这件事儿本身上面,但是我关注的点在于:出事儿起因是因为李咏生前比较爱喝酒。说到喝酒呢?本身喝酒是中华民族的一项传统习俗,基本每个中国人都会喝酒,无论是在春节还是很多场合里面酒基本就是调节气氛最好的催化剂。但是今年二月份的时候,自然曾经发了一篇文章称:喝酒可能会加大患癌症的几率。当然我也看了一下这篇文章,讲的很高深,听不懂。但是知道了喝酒不对这件事儿。

最近在开发的时候遇到了很多奇奇怪怪的需求,主要都跟time相关。我在这里呢?就着重对js里面time的一些使用技巧做一下总结吧。

时钟

一、 date的格式化

Date 对象用于处理日期和时间。

可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象:

let date = new Date(); // Tue Oct 29 2018 21:09:05 GMT+0800 (中国标准时间)
复制代码

就像上面这种操作。但是 Tue Oct 29 2018 21:09:05 GMT+0800 这种时间格式对于一个用户来说是不直观的,要把其进行处理,使其直观的展示给用户进行观看、查阅或者是给数据库进行存储。

1、 Date格式化成时间戳

时间戳是程序开发经常会使用的一种存储方式,这里我们可以直接进行转换;

let date = new Date(); // Tue Oct 29 2018 21:09:05 GMT+0800 (中国标准时间)
let timestamp =Date.parse(date); // 1540818545000
复制代码

2、 时间戳转化成Date

前面说到了Date对象转化成时间戳,这里也顺便说一下时间戳转化Date对象吧。

let date = new Date(1540818545000); //Mon Oct 29 2018 21:09:05 GMT+0800 (中国标准时间)
复制代码

3、 Date格式化成年月日

很多需求里面都想要把时间转化成xxxx年xx月xx日、xxxx-xx-xx等等操作。因为这样的格式会比较直观。 来看下面一段代码:

let date = new Date();
console.log("year:",date.getFullYear()); // 2018
console.log("month:",date.getMonth()+1); // 10
console.log("day:",date.getDate()); // 29
console.log("hours:",date.getHours()); // 21
console.log("minute:",date.getMinutes()); // 9
console.log("second:",date.getSeconds()); // 5
console.log("millsecond:",date.getMilliseconds()); // 0
复制代码

这里值得注意的是:

  • month是从0开始计数的,所以需要加上1
  • 获取天数是 getDate() 而不是 getDay() .

好了我讲完整的代码展示出来吧:

      function formatDate () {
        let date = new Date()
        let y = date.getFullYear()
        let m = date.getMonth() + 1
        m = m < 10 ? ('0' + m) : m
        let d = date.getDate()
        d = d < 10 ? ('0' + d) : d
        let h = date.getHours()
        h = h < 10 ? ('0' + h) : h
        let minute = date.getMinutes()
        let second = date.getSeconds()
        minute = minute < 10 ? ('0' + minute) : minute
        second = second < 10 ? ('0' + second) : second
        return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second
      }
复制代码

4、 年月日转化成Date()对象.

操作其实很简单:

let date = new Date("2018-01-01"); // Mon Jan 01 2018 00:00:00 GMT+0800 (中国标准时间)
复制代码

甚至可以这样:

let date = new Date("2018-01"); // Mon Jan 01 2018 08:00:00 GMT+0800 (中国标准时间)
let date5 = new Date("2018-01-01 10:20:25"); // Mon Jan 01 2018 10:20:25 GMT+0800 (中国标准时间)
复制代码

这里值得注意的就是,如果这样传值:

let date2 = new Date("2018年1月1日"); // Invalid Date
复制代码

如果你要弄的话 还是采用xxxx-xx-xx hh:mm:ss的格式才能被认同。

二、 时间的一些高级操作:

1、 获取明天

function getLastDay(){
  let date = new Date();//获取当前时间
  date.setDate(date.getDate()+1);//设置天数 +1 天
  return formatDate(date);
}
复制代码

2、 本周一的时间

function getWeekFristDay(){
  let nowDate = new Date();
  let weekFirstDay = new Date(nowDate - (nowDate.getDay() - 1) * 86400000);// Mon Oct 29 2018 21:09:05 GMT+0800 (中国标准时间)
  return formatDate(weekFirstDay);
}
复制代码

3、 获取一周前时间

function getWeekLater(){
  let now = new Date();
  let date = new Date(now.getTime() - 7 * 24 * 3600 * 1000);
  return formatDate(date);
}
复制代码

4、 两个日期相差的天数

function dateDifference(sDate1, sDate2) {
   let sDate1 = Date.parse(sDate1);
   let sDate2 = Date.parse(sDate2);
   let dateSpan = sDate2 - sDate1;
   dateSpan = Math.abs(dateSpan);
   iDays = Math.floor(dateSpan / (24 * 3600 * 1000));
   return iDays 
}
复制代码

三、 Date对象的全部方法:

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 getYear() 请使用 getFullYear() 方法代替。 getHours() 返回 Date 对象的小时 (0 ~ 23)。 getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。 getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。 getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。 getTime() 返回 1970 年 1 月 1 日至今的毫秒数。 getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。 getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。 getUTCMonth() 根据世界时从 Date 对象返回月份 (0 ~ 11)。 getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。 getUTCHours() 根据世界时返回 Date 对象的小时 (0 ~ 23)。 getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 ~ 59)。 getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。 getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 ~ 999)。 parse() 返回1970年1月1日午夜到指定日期(字符串)的毫秒数。 setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。 setMonth() 设置 Date 对象中月份 (0 ~ 11)。 setFullYear() 设置 Date 对象中的年份(四位数字)。 setYear() 请使用 setFullYear() 方法代替。 setHours() 设置 Date 对象中的小时 (0 ~ 23)。 setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。 setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。 setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。 setTime() 以毫秒设置 Date 对象。 setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。 setUTCFullYear() 根据世界时设置 Date 对象中的年份(四位数字)。 setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。 setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。 setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。 setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。 toSource() 返回该对象的源代码。 toString() 把 Date 对象转换为字符串。 toTimeString() 把 Date 对象的时间部分转换为字符串。 toDateString() 把 Date 对象的日期部分转换为字符串。 toGMTString() 请使用 toUTCString() 方法代替。 toUTCString() 根据世界时,把 Date 对象转换为字符串。 toLocaleString() 根据本地时间格式,把 Date 对象转换为字符串。 toLocaleTimeString() 根据本地时间格式,把 Date 对象的时间部分转换为字符串。 toLocaleDateString() 根据本地时间格式,把 Date 对象的日期部分转换为字符串。 UTC() 根据世界时返回 1997 年 1 月 1 日 到指定日期的毫秒数。 valueOf() 返回 Date 对象的原始值。







请到「今天看啥」查看全文