Vue使用moment.js格式化日期

最新推荐文章于 2023-04-26 15:09:11 发布
最新推荐文章于 2023-04-26 15:09:11 发布
阅读量405 收藏 2
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43095183/article/details/114238228
版权

Vue使用moment.js格式化日期


官方介绍：Moment 被设计为在浏览器和 Node.js 中都能工作。
所有的代码都应该在这两种环境中都可以工作，并且所有的单元测试都应该在这两种环境中运行。
CI 系统当前使用以下的浏览器：Windows XP 上的 Chrome，Windows 7 上的 IE 8、9 和 10，Windows 10 上的 IE 11，Linux 上最新的 Firefox，OSX 10.8 和 10.11 上最新的 Safari。

官网链接: http://momentjs.cn/.

步骤

  1. 在项目文件夹下执行命令npm install moment --save
    在这里插入图片描述

  2. 在main.js引入 import moment from 'moment’

  3. Vue.prototype.$moment = moment;
    在这里插入图片描述

  4. 用法示例：{{$moment(birthday).format(‘YYYY-MM-DD’)}}
    在这里插入图片描述
    例如：就能得到1969-10-01格式的时间
    在这里插入图片描述

至此，结束。

寇斯的英语
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
moment-dateformat:一个简单的全局模板助手，用于使用 momentjs 格式化日期
06-22
史蒂夫：时刻日期格式 一个简单的全局模板助手，用于使用 momentjs 格式化日期 用法 {{dateFormat someDate}} 选项 {{dateFormat someDate format="MMM DD, YYYY hh:mm:ss A"}}
vue-date-filters:Vue.js日期过滤器，用于显示日期，日期时间和时间
05-08
用于格式化日期，日期时间和时间的过滤器。 一个Vue.js插件，用于显示日期，日期时间和时间。 使用moment.js。 包含的过滤器的完整列表： 筛选 输出 时间 12:00 AM 短时间 12:00 很久 上午12:00:00 日期 2018-...
JS 将日期中的月份转化为英文
qq_46617584的博客
02-02 1062
JS 将日期中的月份转化为英文
使用moment.js格式化时间时，如何在条件不同时，显示不同语言格式的时间（中/英文）
前端小白菜的菜园子
11-10 4018
使用moment.js格式化时间时，如何在条件不同时，显示不同语言格式的时间（中/英文） 情景/目标： 当判断到条件 I 成立时，将时间格式化为中文格式：如 2020年1月1日 23:59 当判断到条件 II 成立时，将时间格式化英文格式：如 Jan 1, 2020 23:59 第一步：取到时间戳 假设时间戳是变量 time 第二步：用moment.locale设置时间格式化为指定的语言格式，如：language === "en-US" ? moment.locale("en") : mo...
中文月份转为英文月份(js)
绿绿峰
11-27 8126
偶然，用到一个月份输出是中文的，需要想办法转换成英文，随手写了一个方法做个笔记： 工程要求，因而只能用纯纯的js实现 var chn_mon_arr = ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月']; //中文参照 var current_month = '一月'; //月份中文名 ...
【vue】vue中时间格式化YYYYMMDD
曾某人的博客
10-08 7570
封装 formatLongDate (date) { let myyear = date.getFullYear(); let mymonth = date.getMonth() + 1; let myweekday = date.getDate(); let myHour = date.getHours(); let myMin = date.ge
vue中时间日期格式化第三方组件库moment的使用
MISS_zhang_0110的博客
03-08 3295
【代码】vue中时间日期格式化第三方组件库moment的使用。
【JavaScript源代码】vue利用Moment插件格式化时间的实例代码.docx
12-29
vue利用Moment插件格式化时间的实例代码 　moment是一款多语言支持的日期处理类库， 在vue中如何使用呢？首先附上官网地址：http://momentjs.cn/， 毕竟查找api才是学习正途！　使用npm命令安装moment　npm install ...
基于Vue+Socket.io+Express/Koa2开发的智能聊天室，包含IP定位、在线群聊，加入了表情管理，接入智能机器人
最新发布
06-09
Moment.js：一个时间处理的库，方便对时间进行格式化成需要的格式。 ES6、ES7：采用ES6语法，这是以后的趋势。箭头函数、Promise等等语法很好用。 localStorage：保存用户信息以及聊天记录。 Webpack：vue-cli自带...
Vue.js 中的实用工具方法【推荐】
12-11
* @filter dateFormat 时间格式化 * @param {String, Date} value 可被 new Date 解析的字符串 * @param {String} formatStr moment 的 format 字符串 * 使用方法 {{ 2019-1-1 | dateFormat() }} */ Vue.filter...
Vue+Element UI的国际语言插件i18n导致DatePicker日期控件英文错乱
weixin_45435545的博客
08-11 1318
Vue+Element UI的国际语言插件i18n导致DatePicker日期控件英文错乱。
Ant-Design-Vue 日期控件显示英文解决
m0_48237530的博客
04-26 465
【代码】Ant-Design-Vue 日期控件显示英文解决。
Ant Design Vue ：使用日历Calendar，中英文切换
Crazy_GirlLL的博客
05-12 2477
官网地址：https://www.antdv.com/components/calendar-cn/#API 官网中这么说 故，使用时，没做特殊设置，显示的都是英文 中英文切换仅在App.vue中设置即可，当然还需要对中英文切换的识别，在此可以使用vue-i18n 即可 ...
Vue使用ElementUI的表格进行日期格式化,变成自己想要的格式
qq_39506434的博客
04-20 5995
Vue使用ElementUI的表格进行日期格式化
如何在Vue中设置moment为中文
泥鸽鸽的博客
03-04 1468
如何使用moment.js格式化时间为中文 正常情况下使用moment.js返回的数据结果为英文 如果要使用moment.js自带的方式格式化时间 就需要设置 设置使用 但是很多人不知道在哪里使用这个 其实 我们在项目初始化之后就调用这个就能设置时间为中文 比如在Vue中 之后就可以正常使用moment的时间工具 ...
moment.js的使用方法和日期格式化介绍
ll_883963的博客
12-16 7280
moment 被设计为在浏览器和 Node.js 中都能工作 node.js npm install moment var moment = require('moment'); moment().format(); 2.使用方法 日期格式化 初始化日期：moment().format(‘YYYY-MM-DD’); 初始化日期时间：moment().format(‘YYYY-MM-DD HH:mm:ss’); 日期格式化介绍 具体可以查看格式化表日期格式化规范表 MMMM/MMM/MM/M
vue 项目 es6、常用封装方法(时间格式转换、下拉框中英文转换等)以及join()、filter()
qq_45511353的博客
04-20 748
1.arr.map()常用方法集合。 处理成新的数组格式 （场景：表格多选 ，批量导出功能，传各列id的数组格式） { name: "导出", click: () => { if (!this.selection.length) //selection获取到当前的整行数据 return this.$message.warning("请选择要导出的数据"); let title = `课题组导出表`; this.$refs.page
【日期、时区、时间】本地时间转UTC时间详解
热门推荐
m0_45406092的博客
04-03 1万+
/** * 把时间转化为utc时间格式 * * @param localTime * @return */ public static Date translatetoUtc(long localTime, TimeZone localZone) { Calendar cal = Calendar.getInstanc...
vue简单明了的中文转英文
cjxIt的博客
03-28 553
【代码】vue简单明了的中文转英文。
vue使用moment.js
08-18
在Vue.js中使用Moment.js可以方便地进行日期和时间的处理。下面是使用Moment.js的基本步骤： 1. 安装Moment.js：可以通过npm或yarn安装Moment.js依赖包。在终端中执行以下命令： ``` npm install moment ``` 2....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值