Vue中导入DayJs（时间戳转时间格式）

已于 2022-03-09 12:01:39 修改
阅读量5.2k 收藏 8
点赞数 1
分类专栏： Vue.js Date js 文章标签： vue.js javascript 前端
于 2022-03-09 11:44:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50832030/article/details/123373653
版权
Vue.js 同时被 3 个专栏收录
9 篇文章 0 订阅
订阅专栏
js
6 篇文章 0 订阅
订阅专栏
Date
4 篇文章 0 订阅
订阅专栏

1.Npm安装Dayjs

npm install dayjs --save

2.Dayjs写入到Vue原型中

import dayjs from 'dayjs';
Vue.prototype.$dayjs = dayjs;

3.在页面中调用$dayjs，进行时间戳格式化（this.$dayjs()中不传入时间戳就是获取当前时间，format()中可以按照自己需求去传入时间格式）

let time = Date.now();
console.log(this.$dayjs(time).format('YYYY-MM-DD HH:mm:ss'));

4.格式化时间戳也可以结合Vue的过滤属性一起用（个人不推荐）

一、页面内部导入dayjs

 二、使用过滤器过滤

三、数据展示页面中（过滤器属性的默认语法）

T-腾腾
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-dayjs:一个将Dayjs集成到Vuejs的小包装器
05-06
vue-dayjs 一个将Dayjs集成到Vuejs的小包装器 是一个具有Moment.js兼容API的现代浏览器的极简（快速2kB）JavaScript库。 如果您使用Moment.js，您已经知道如何使用Day.js。 用法（推荐）（不安装此库） 插件/Dayjs.js import Vue from ' vue ' ; import dayjs from ' dayjs ' ; Object.defineProperties(Vue.prototype, { $date : { get () { return dayjs } } }) ; main.js //Plugins import ' @/plugins/Dayjs ' ; 如果您需要使用dayjs库中的其他插件。 插件/Dayjs.js
vue将时间戳转换成自定义时间格式的方法
08-27
下面小编就为大家分享一篇vue将时间戳转换成自定义时间格式的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue利用dayjs插件动态获取当前时间戳
xx820702的博客
03-19 5256
1.安装dayjs插件：npm install dayjs --save 2.新建文件：src/utils/common.js import dayjs from "dayjs" export function parseDate2Str(date, format) { format = format || "YYYY-MM-DD HH:mm:ss"; return dayjs(date).format(format); } 3.在要使用的组件里引入使用 <div&gt
vue使用Moment.js/dayjs获取当前时间
m0_53912016的博客
08-01 2259
【代码】vue使用Moment.js/dayjs获取当前时间。
Vue中如何使用dayjs
最新发布
zxcvb0825的博客
02-22 648
Day.js中文网
Vue中使用dayjs
~~
07-19 1万+
dayjs中文网Day.js中文网Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。https单位不区分大小写，支持复数和缩写形式把dayjs()对象当成一个中转站，往后所有的关于日期的计算都先转成dayjs()对象，再进行加减等运行。...
如何用js将日期转换成时间戳
热门推荐
qq_26780317的博客
11-22 10万+
一、日期转换成时间戳     js字符串转化成时间戳可以使用自带函数Date（要转化的时间字符串）先转化为Date类型，之后再将Date类型转化为时间戳类型，其中时间字符串有要求，形式必须是yyyy-MM-dd HH:mm:ss的形式，当然，也可以只是yyyy-MM-dd，就是2021-11-22，如下： var date = new Date('2021-11-22');     此处，会得到一个Date类型的数据，获得时间
dayjs 常用方法
似水流年QC的博客
06-29 1万+
前言：工作中的经常对时间进行操作处理 ，例如倒计时，距离当前过去了多久等场景，采用原生的时间函数非常不便，本文推荐轻量级的时间处理库 dayjs 进行演示。一、安装 npm install dayjs save二、引入 import dayjs from 'dayjs' 三、时间获取 // 获取时间戳 dayjs().valueOf() // 1635765368744 // 获取指定时间时间戳 dayjs('2021/10/1 10:10:30
vue使用dayjs
weixin_45599105的博客
10-18 428
vue使用dayjs
vue将后台数据时间戳转换成日期格式
12-08
在项目中，经常会有后台返回一个时间戳，页面展示用的却是日期格式的情况 不同组件多次使用的话，那么建议在 src 下新建一个 common 文件夹，创建 date.js 文件，方便多次复用 在组件中使用 <p>{{date1 | ...
Vue.js 时间转换代码及时间戳转时间字符串
10-17
主要介绍了Vue.js 时间转换代码及时间戳转时间字符串,需要的朋友可以参考下
Day.js -- 处理时间戳
i_Satan的博客
03-29 1412
在线文档 https://dayjs.fenxianglu.cn/ 安装 npm install dayjs 示例 import dayjs from "dayjs"; const myformat = "YYYY-MM-DD HH:mm:ss"; // -------------------------以字符串形式返回 当前时间 const data = dayjs().format(myformat); // => 2020-11-25 12:25:56 // -----
日期格式化插件dayjs在vue中如何使用
qq_48294048的博客
10-12 2339
【代码】日期格式化插件dayjs在vue中如何使用。
day.js 时间戳
m0_63465786的博客
12-08 1451
dayjs().isBefore('2021-10-1') // false 当前时间是否在2021-10-1 之前。dayjs().isAfter('2021-10-1') // true 当前时间是否在2021-10-1 之后。dayjs().format('YYYY-MM-DD') // 2021-11-1 当前时间2021-11-1。dayjs().month() // 10 当前为11月份(因为月份是从0算起，所以要加1)dayjs().date() // 1 当前为11月1日。
js date转换成时间戳
weixin_35755434的博客
01-09 1161
可以使用 JavaScript 内置对象 Date 的 getTime 方法来将日期转换为时间戳。 例如： let timestamp = new Date().getTime(); 这样就可以得到当前时间的时间戳了。 如果你想将某个特定的日期转换为时间戳，可以这样做： let date = new Date('2022-01-01'); let timestamp = date.getTime...
Vue中使用dayjs转换时间格式并实时显示当前时间
~~
12-09 7646
比如将2020-12-09T09:06:46.086Z转换为：2020-12-09 17:06:46 这里直接使用插件：dayjs来实现 一、下载dayjs cnpm i -S dayjs 二、引入dayjs 如果在node中，引入方式为：vardayjs=require('dayjs') 如果在vue项目中，引入方式为： import dayjs from "dayjs" Vue.prototype.dayjs = dayjs; 三、使用 console.log(.....
vue3---dayjs-入门及常用方法
qq_56263094的博客
05-04 8628
目录 day.js下载安装 vue3的使用 导入day.js 使用 最终效果 dayjs是一个轻量的处理时间和日期的 JavaScript 库 dayjs好处 🕒 和Moment.js有着相同的API和模式 💪 不可变、持久性 🔥 提供链式调用 🌐 国际化标准 📦 超小的压缩体积，仅仅有2kb左右 👫 极大多数的浏览器兼容 官方githubgithub.com/iamkun/dayj… 中文使用文档github.com/iam.........
js 将Date 日期对象与时间戳互相转换
simple_tifa
03-15 4347
将Date对象转换成时间戳第一种方法，使用Number()方法，精确到毫秒[javascript] view plain copyvar newDay = new Date();  console.log(Number(newDay));  返回当前的时间的时间戳第二种方法是，使用日期对象Date.parse()方法，精确到秒[javascript] view plain copyvar newD...
Vue3使用dayjs以及dayjs日期工具类
weixin_48040732的博客
12-12 2387
记录在Vue3里面全局使用dayjs,以及将它封装为自己需要的日期工具类。
vue3使用dayjs时间戳
09-28
Vue3可以使用dayjs库来处理时间戳。首先，你需要安装dayjs插件，可以通过以下命令进行安装： ``` npm install dayjs --save ``` 然后，在你的组件中引入dayjs，并使用它来格式化时间戳。你可以创建一个工具函数来处理日期格式化，例如： ```javascript import dayjs from "dayjs"; export function formattingDate(date, format) { format = format || "YYYY-MM-DD HH:mm:ss"; return dayjs(date).format(format); } ``` 接下来，在你的Vue组件中使用这个工具函数来获取格式化后的时间戳： ```javascript <template> <div> {{ nowDate }} </div> </template> <script> import { formattingDate } from "@/util/formatdate.js"; export default { name: "NursingHeader", data() { return { nowDate: formattingDate(new Date(), "YYYY-MM-DD HH:mm:ss"), timer: '', }; }, created() { // 定时器，获取本地时间 this.timer = setInterval(() => { this.nowDate = formattingDate(new Date(), "YYYY-MM-DD HH:mm:ss"); }, 1000); }, beforeDestroy() { // 在vue实例销毁前，清除定时器 if (this.timer) { clearInterval(this.timer); } }, }; </script> ``` 这样，你就可以在Vue组件中获取并显示格式化后的时间戳了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值