返回

Date时间的封装

前端

眼尖的朋友应该会发现,在浏览器控制台输入console.log(Date.now()),得到的数字是当前时间,并且会不断变化,这就是Date.now()这个神奇变量了。

1、 获取当前时间:

// code注:得到中国标准时间(myDate)后,再进行下面的格式转换
const myDate = new Date();

2、获取指定格式时间:

// code注:得到中国标准时间(myDate)后,再进行下面的格式转换
const myDate = new Date();
// code注:将中国标准时间(myDate)转换为指定格式时间(formatStr)
const formatStr = myDate.toLocaleDateString() + ' ' + myDate.toLocaleTimeString();

3、获取时间戳:

// code注:得到中国标准时间(myDate)后,再进行下面的格式转换
const myDate = new Date();
// code注:将中国标准时间(myDate)转换为时间戳(timestamp)
const timestamp = myDate.getTime();

4、时间转换:

// code注:将时间戳(timestamp)转换为中国标准时间(myDate)
const myDate = new Date(timestamp);
// code注:将中国标准时间(myDate)转换为指定格式时间(formatStr)
const formatStr = myDate.toLocaleDateString() + ' ' + myDate.toLocaleTimeString();

5、vue中设置时间过滤器:

// code注:在vue过滤器中定义时间转换函数
Vue.filter('dateFormat', function (value) {
  // code注:将时间戳(timestamp)转换为中国标准时间(myDate)
  const myDate = new Date(value);
  // code注:将中国标准时间(myDate)转换为指定格式时间(formatStr)
  const formatStr = myDate.toLocaleDateString() + ' ' + myDate.toLocaleTimeString();
  // code注:返回转换后的时间(formatStr)
  return formatStr;
});

6、中国标准时间 转 时间戳

// code注:得到中国标准时间(myDate)后,再进行下面的格式转换
const myDate = new Date();
// code注:将中国标准时间(myDate)转换为时间戳(timestamp)
const timestamp = myDate.getTime();

7、时间戳 转 中国标准时间

// code注:将时间戳(timestamp)转换为中国标准时间(myDate)
const myDate = new Date(timestamp);
// code注:将中国标准时间(myDate)转换为指定格式时间(formatStr)
const formatStr = myDate.toLocaleDateString() + ' ' + myDate.toLocaleTimeString();

8、unix时间戳转Date对象

// code注:将unix时间戳(timestamp)转换为Date对象(myDate)
const myDate = new Date(timestamp * 1000);

9、Date对象转unix时间戳

// code注:将Date对象(myDate)转换为unix时间戳(timestamp)
const timestamp = myDate.getTime() / 1000;