vue/html日期与时间戳互相转换

最新推荐文章于 2025-04-29 15:03:51 发布

原创最新推荐文章于 2025-04-29 15:03:51 发布 · 5.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html

前端同时被 2 个专栏收录

23 篇文章

订阅专栏

Vue

10 篇文章

订阅专栏

本文介绍如何使用Element UI中的时间选择器进行日期格式化，包括将日期转换为特定格式（例如“2021年9月24日星期五”），获取时间戳以及将时间戳转换为日期格式的方法。

前言：在element-ui 的时间选择器里选择时间（为标准模式）

1、将日期转换为指定的样式如X年X月X日星期X

console.log(this.enableValue)
// 将当前的时间处理为2021-9-24格式
var date1 = new Date(this.enableValue);
// 利用Date对象，拼接一个想要的时间字符串，如 2021年 9月 9日 星期四
var year = date1.getFullYear()
var month = date1.getMonth() + 1
var dates = date1.getDate() // 几号
var arr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]
var day = date1.getDay() // 返回 0 -6 索引为0 ，返回星期日  现在索引为4，返回星期4
console.log(year + '年' + month + '月' + dates + '日 ' + arr[day])
// 2021年9月24日 星期五

2、将日期转换为时间戳

console.log(this.enableValue)
var enableValueChuo = this.enableValue.getTime() / 1000; // enableValueChuo时间戳是10位

3、将后台传来的时间戳转为日期格式

    returnBeginTime(timestamp) {
      var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
      var Y = date.getFullYear() + "-";
      var M =
        (date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1) + "-";
      var D = this.change(date.getDate()) + " ";
      return Y + M + D;
    },
    change(t) {
      if (t < 10) {
        return "0" + t;
      } else {
        return t;
      }
    },