获取当前日期时间

一、获取当前日期、时间、星期

function currentDate() {
    var myDate = new Date();
    var year = myDate.getFullYear(); //获取当前年
    var mon = (myDate.getMonth() + 1).toString().padStart(2, '0'); //获取当前月
    var date = myDate.getDate().toString().padStart(2, '0'); //获取当前日
    
    var hour = myDate.getHours().toString().padStart(2, '0'); //获取当前小时数(0-23)
    var minute = myDate.getMinutes().toString().padStart(2, '0'); //获取当前分钟数(0-59)
    var second = myDate.getSeconds().toString().padStart(2, '0'); //获取当前秒

    // 获取星期几
    var day = myDate.getDay(); //当前系统时间中的星期值
    var weeksArr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
    var week = weeksArr[day]; //根据星期值,从数组中获取对应的星期字符串
}
setInterval(currentDate, 1000);
$("#date").html(year + "年" + mon + "月" + date + "日");
$("#day").html(week);
$("#time").html(hour + ":" + minute + ":" + second);

二、时间与时间戳转化

1、获取当前日期:(简写)

// 获取当前日期
currentDate() {
  var myDate = new Date();
  var year = myDate.getFullYear();
  var month = (myDate.getMonth() + 1).toString().padStart(2, '0')
  var day = myDate.getDate().toString().padStart(2, '0');
  var hours = myDate.getHours().toString().padStart(2, '0');
  var minutes = myDate.getMinutes().toString().padStart(2, '0');
  var seconds = myDate.getSeconds().toString().padStart(2, '0');

  let today = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
  // 格式为:YYYY-MM-DD hh:mm:ss

  // 需要先将时间(今天)转化为时间戳,再计算,最后将时间戳转化为时间即可
  let yesterday = this.timeToTimestamp(today) - 24 * 60 * 60 * 1000;
  console.log(yesterday);
  
  // 将获取昨天的时间戳转化为日期
  let yesterdayDate = this.timestampToTime(yesterday);
  console.log(yesterdayDate);
},

2、时间戳转换为时间: 

/* 时间戳转换为时间 */
timestampToTime(timestamp) {
  timestamp = timestamp ? timestamp : null;
  let date = new Date(timestamp);
  let Y = date.getFullYear() + "-";
  let M = (date.getMonth() + 1).toString().padStart(2, '0') + '-';
  let D = date.getDate().toString().padStart(2, '0') + ' ';
  let h = date.getHours().toString().padStart(2, '0') + ':';
  let m = date.getMinutes().toString().padStart(2, '0') + ':';
  let s = date.getSeconds().toString().padStart(2, '0');

  return Y + M + D + h + m + s;
},

3、将时间转化为时间戳: 

//将时间转化成时间戳
timeToTimestamp(time) {
  let timestamp = Date.parse(new Date(time).toString());
  return timestamp;
},

三、moment.js

官方文档

1、安装

npm install moment 

yarn add moment

2、引入 

import moment from 'moment'; 

3、设定moment区域为中国

import 'moment/locale/zh-cn'
moment.locale('zh-cn');   

4、使用方法 

(1)获取时间

 1)获取当前时间

moment()

2) 获取时间戳

// 以秒为单位

moment().format('X') // 返回值为字符串类型
moment().unix() // 返回值为数值型

// 以毫秒为单位

moment().format('x') // 返回值为字符串类型
moment().valueOf() // 返回值为数值型

 3) 获取当前的年月日时分秒

moment().toArray()   // [years, months, date, hours, minutes, seconds, milliseconds]
moment().toObject()   // {years: xxxx, months: x, date: xx ...}

 (2)格式化时间

格式化年月日: 'xxxx年xx月xx日'

moment().format('YYYY年MM月DD日')


格式化年月日: 'xxxx-xx-xx'

moment().format('YYYY-MM-DD')

格式化时分秒(12小时制):'xx:xx:xx am/pm'

moment().format('hh:mm:ss a')

 (3)时间戳相互转化

// 时间 转成时间戳

moment().valueOf()

moment('2024-04-03').valueOf()    // 1712073600000

// 时间戳 转 时间

moment().format()

moment(1712073600000).format('YYYY-MM-DD')   // '2024-04-03'

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值