Vue碎片知识一：时间日期格式化库momentjs

前期后期

已于 2023-11-12 17:18:39 修改

阅读量165

点赞数

分类专栏： Vue 文章标签： vue.js 前端 javascript

于 2023-11-12 17:15:50 首次发布

本文链接：https://blog.csdn.net/qq_40853919/article/details/134362945

版权

Vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

官方网址：http://momentjs.com/
在这里插入图片描述

快速入门:三个步骤

有些时候，从后台过来的时间日期可能是这样的：
在这里插入图片描述

这个时候可以使用moment库实现日期的格式化

安装

npm install moment --save # npm

使用

import moment from "moment";

 <template #createTime="{ record }">
      {{ moment(record.createTime).format("YYYY-MM-DD") }}
    </template>

最终效果

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前期后期

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue实战：时间格式化插件moment

杨爽

07-09

5827

Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。日常开发中，通常会对时间进行下面这几个操作：比如获取时间，设置时间，格式化时间，比较时间等等。官方网址：Moment.js官网一、安装moment 可以使用安装命令：npm install moment --save直接安装moment 当然也可以直接下载moment.js文件然后在项目中引入。 npm install moment --save // 或者 yarn 命令 yarn a.

vue2.0_在vue中使用moment.js插件格式化日期时间

QiuRenBB的博客

01-11

1674

前言 1、相信大家平时做项目的时候经常会遇到需要操作日期，获取日期等操作，一般大家都是通过new Date()去一步一步获取，这样做反而非常麻烦。今天给大家介绍一个功能强大，代码量少，快捷又方便的日期处理插件。 2、废话不多说，看代码：首先 npm install moment 其次在main.js中使用插件 Vue.use(require('vue-moment')); 然后我们只需要在需要用到的页面中通过以下形式调用即可。 //比如我们想获取当前的日期，就在this.moment中加入new

参与评论您还未登录，请先登录后发表或查看评论

vue库存时间插件

08-04

vue 时间插件

vue 中时间日期格式处理

wk的博客

07-14

2980

<p>格式化日期: <span v-date-format="dateString"></span></p><p>自定义格式: <span v-date-format:YYYY/MM/DD="dateString"></span></p>data() {return {

Vue3时间轴组件（时间信息收集组件）

最新发布

weixin_59259086的博客

09-06

984

摘要：时间信息收集组件的封装，包括技术栈使用、组件效果、代码展示和封装中所遇问题的分享。

vue中时间日期格式化第三方组件库moment的使用

MISS_zhang_0110的博客

03-08

3686

【代码】vue中时间日期格式化第三方组件库moment的使用。

vue-date-pick:基于 Vue 的轻量级和移动友好的日期时间选择器。 Vue 日期选择强调所有屏幕尺寸上的性能、优雅和可用的 UI 以及配置的简单性。不依赖于 css 框架或日期库。重量小于 5KB

05-29

Vue日期选择基于 Vue 的轻量级和移动友好的日期时间选择器。 Vue 日期选择强调所有屏幕尺寸上的性能、优雅和可用的 UI 以及配置的简单性。不依赖于 css 框架或日期库。重量小于 5KB。文档和演示。

Ant Design Vue 日期时间格式化

An_1999的博客

05-20

1479

这里写自定义目录标题引入momentAnt Design Vue利用 vue的filterscolumns：[] 引入moment import moment from 'moment' Ant Design Vue <a-table ref="table" rowKey="id" :columns="columns" :dataSource="dataSource" :pagination="ipagination"

Vue.js中时间的格式化

江夏、的博客

10-18

2685

在Vue.js中并没有对于时间的格式化方法。比如，新建一个Vue文件，然后在页面输出当前时间。 <template> <p>{{shijian}}</p> </template> <script> export default { name:"shijian", data() { return ...

Vue.js时间格式化处理

XG17_38241417145的博客

08-30

7582

Vue.js时间格式化处理 1.首先在vue项目中安装moment npm install moment --save 2. 定义时间格式化全局过滤器，在dateUtil.js中或组件中导入该组件 import moment from 'moment' dateUtil.js代码： importmomentfrom"moment"; functiondateFormat(data){ returnmoment(newDate(data).getTime())....

vue常见日期库的差异以及使用方法

小易不止于搬砖的博客

08-08

415

注意： 24h制时 HH:MM:ss 其中 M大写，s小写否则不准确日期大写：yyyy-mm-dd。注意： 24h制时 HH:mm:ss 其中 m，s小写否则不准确日期大写：YYYY-MM-DD。注意： 24h制时 HH:mm:ss 其中 m，s小写否则不准确日期大写：YYYY-MM-DD。日期库格式化大小写引发的惨案 format(“YYYY-MM-DD HH:mm:ss”)

Vue3日期选择器（DatePicker）

Mr Dear的博客

04-04

2万+

可以输入或选择日期的控件，插件功能非常全面，交互非常丝滑，强烈推荐！

前端Vue中JavaScript的 Moment.js 日期处理类库使用

m0_49714202的博客

02-10

780

官网地址:http://momentjs.cn/ vue项目首先在终端下载依赖 npm install moment --save 然后在需要的页面直接引入js中 import moment from ‘moment’; 案例然后调用接口使用,接口返回如下图使用: <div v-for="(item, index) in tableData" :key="item.sellId" class="item">

vue2一天时间段选择库（drag-weektime）代码学习

黄彪博客

03-12

3377

文章目录一、参考二、问题描述三、原理说明四、代码过程解析一、参考今日头条选择时间段组件封装(开箱即用) andt-components github 二、问题描述看着这个组件可以选择时间段范围，而且又选中表格的过程，好奇心想了解实现过程三、原理说明将一天24小时分为48个半个小时，一周七天，按照这个逻辑就知道每个单元格的坐标每个时间单元格添加 mouseenter 、 mousedown 、 mouseup 事件鼠标任意选中一个节点触发 mousedown事件，鼠标移动到

「前端笔记」vue中使用 antd-vue 中将默认时间库 monent 改为 dayjs

雨y飘零久的博客

12-22

1625

Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js简单地说，只要你会Moment.js，那么你就会Day.js!但是我们知道的，Moment.js 的大小是200多k,Day.js的大小是2kB，100倍的差距，拥有同样强大的 API。在 antd 中时间库默认使用 moment，修改方式这里使用一种实现方式。使用 antd-dayjs-webpack-pl

vue 格式化时间的插件库

weixin_30367945的博客

08-06

488

格式化时间的插件库点击进入 moment.js网址,在这里可以找到需要引入的script标签点击进入 moment.js的文档在文档中可以找到对应的格式和例子此文来源于：https://www.cnblogs.com/ZhuChangwu/p/11303521.html 转载于:https://www.cnblogs.com/JonaLin...

在Vue项目中使用 Moment.js时间格式化库，得到相对于当前时间的表现形式(几分钟前、几小时前，几日前、几月前，几年前)

weixin_47700309的博客

10-28

2071

在Vue中使用 Moment.js时间格式化库插件（全局过滤器）如有更多需求请参考官方文档： http://momentjs.cn/ 需求：把这个Date时间格式字符串: “2019-10-15T07:20:47.000Z” 通过时间格式化库得到距离现在是 “几年前” 一、安装，或者下载安装moment时间格式化库： npm install moment --save # npm 下载： http://cdn.staticfile.org/moment.js/2.24.0/moment.

vue中时间格式化组件库moment.js的使用