• new Date()方式:

获取当前时间的时间戳:

Date.now() //=>1672974684470

将时间戳转换为日期时间:

new Date(1672974684470)
//=>Fri Jan 06 2023 11:11:24 GMT+0800 (中国标准时间)

注意:时间戳标准是以毫秒为单位的,所以一共有13位,如果位数只有10位,说明它是以秒为单位的。此时要把它转成毫秒单位再进行日期转换,不然时间日期就不对。

获取年份:

new Date(1672974684470).getFullYear()//=>2023

获取月份:

new Date(1672974684470).getMonth()//=>0
  • 月份是从0开始计的,1月份就是0;

获取日期:

new Date(1672974684470).getDate()//=>6

获取时间戳是星期几:

new Date(1672974684470).getDay()//=>5

获取小时:getHours()、获取分钟:getMinutes()

2. moment函数方式:

  • moment:日期格式化函数

在vue项目中使用这个函数的步骤:

  • 下载moment模块:

npm i --save moment --legacy-peer-deps
  • 引入模块:

import moment from 'moment'
  • 最基本的用法:

//moment().format():格式化当前的时间
console.log(moment().format())//=>2023-01-06T13:21:11+08:00
  • 传参数:

  • moment()和format()里可以通过传参数来设置如何格式化时间:

  • 详情见网址:http://momentjs.cn/

常见的“yyyy-mm-dd”格式:

console.log(moment().format('YYYY-MM-DD'))//=>2023-01-06

将时间戳转换为日期格式:

console.log(moment(1672974684470).format('YYYY-MM-DD'))//=>2023-01-06

3.配合过滤器fliter使用:

<div class="grey-text">{{filmInfo.premiereAt | dateFilter}}上映</div>
import Vue from 'vue'
import moment from 'moment'
Vue.filter('dateFilter', (data) => {return moment(data * 1000).format('YYYY-MM-DD')
})//乘以1000的原因是,后端给的时间戳是以秒为单位的,在这里换算成毫秒

变换之前的时间戳效果:(后端给的数据是时间戳)

1671148800 上映

变换后的日期效果:

2022-12-16 上映

将时间戳转换为日期格式:moment、new Date()相关推荐

  1. Vue.js中将时间戳转换为日期格式

    什么是时间戳 Unix时间戳(Unix timestamp),或称Unix时间(Unix time).POSIX时间(POSIX time),是一种时间表示方式,定义为从格林威治时间1970年01月0 ...

  2. unix时间戳转换为日期格式

    参考文章:JS时间戳转换为日期格式的方法 以下结果为在thinkpad E420  chrome浏览器 所得: 一.获取当前时间 var myTime=new Date();//返回本地格式的当前时间 ...

  3. EXCEl 时间戳转换为日期格式

    1. EXCEl 时间戳转换为日期格式 公式为:=TEXT((A2/1000+8*3600)/86400+70*365+19,"yyyy-mm-dd hh:mm:ss") 具体操作 ...

  4. 时间戳转换为日期格式 C/C++ 学习日记 新手讲解

    #include <stdio.h> #include <time.h> #include <stdlib.h> //时间戳转换为日期格式 void timesta ...

  5. EXCEL中将时间戳转换为日期格式

    EXCEL中将时间戳转换为日期格式 从linux系统中获取的时间戳信息通常为s,将其转换的公式为: =TEXT((E1+83600)/86400+70365+19,"yyyy-mm-dd h ...

  6. mysql将时间戳转换成日期_mysql 中查询时如何将时间戳转换为日期格式 / 日期格式转换为时间戳...

    在数据库的使用中,经常需要按指定日期来查询记录,以便于统计,而在数据库中,有很多存储的是时间戳, 也有的直接存日期,查询的时候可能不是那么好弄. mysql提供了两个函数: from_unixtime ...

  7. 将指定的时间戳转换为日期格式

    转载自:https://www.cnblogs.com/1314520xh/p/16328808.html 注意观察时间戳是多少位 两种时间戳转换为时间格式:13位和10位,将时间戳转成时间格式 im ...

  8. Jmeter书中不会教你的(94)——将时间戳转换为日期格式

    上一节中,我们看到获取的请求开始时间和结束时间显示的是一个时间戳,如果想要按照年月日时分秒怎么显示? 在beanshell中,将获取的long型时间戳转换为Date型,创建一个想要转换的日期格式对象f ...

  9. vue中时间戳转换为日期格式的方法封装

    /* date:需要转换的时间戳 fmt:需要转换的日期格式 */ export function formatDate(date, fmt) {if (/(y+)/.test(fmt)) {fmt ...

最新文章

  1. 数据统计脚本(汇总)
  2. bitwarden自建服务器,BitWarden
  3. WireShark 探索网络请求过程(五层网络模型、三次握手、滑动窗口协议)
  4. python语音程序设计基础篇_【笔记】python自学笔记(基础篇)——字典操作
  5. 通过一个具体的例子学习Threadlocal Test
  6. Nginx反向代理 实现Web负载均衡
  7. python爬虫天气预报难不难_Python爬虫天气预报实例详解(小白入门)
  8. mybatisplus修改单个属性_SolidWorks工程图比例:整体修改与单视图修改
  9. 各浏览器中的 WebRTC 表现对比【转】
  10. DSP 2812: 使用C++封装外设时钟控制
  11. Schölkopf 、Bengio等新作解读:因果表征学习——连接因果和机器学习的桥梁
  12. 【实用】SAP成本组件分割价格取数逻辑
  13. 分析Android版QQ游戏大厅中游戏的启动机制
  14. python+FTP 批量上传文件
  15. cncert/cc DDOS 清洗 流量清洗 IDC AFC AFD ICP
  16. 软件测试适合女生吗?我30岁了能学会吗?我大专毕业能做吗?
  17. [Codeforces 940E]Cashback
  18. 使用Ultra Librarian将bxl文件转为OrCAD Capture CIS可识别的库文件(OLB)
  19. B站声音太小怎么办,一款插件帮你解决
  20. 河北工业大学数据挖掘实验一 数据预处理

热门文章

  1. 前端基础——HTML、CSS
  2. 用户界面设计10原则
  3. 对象的创建过程(new 的过程)
  4. 【FFMPEG】各种音视频编解码学习详解 h264 ,mpeg4 ,aac 等所有音视频格式
  5. 元宇宙vs. 数字孪生:技术演化的视角
  6. linux 双网卡共享上网
  7. 【资料整理】BGL中的BFS算法使用
  8. Python从入门到转行
  9. 微信小程序体验(1):携程酒店机票火车票
  10. java数据结构红黑树上旋下旋_存储系统的基本数据结构之一: 跳表 (SkipList)