vue中使用moment.js显示中文格式

最新推荐文章于 2022-04-18 11:46:36 发布
最新推荐文章于 2022-04-18 11:46:36 发布
阅读量8.0k 收藏 2
点赞数
分类专栏： 前端学习之路
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38797546/article/details/79847106
版权

前提你得导入了moment.js

首先在vue脚手架和webpack打包的项目目录找到

然后找到


找到moment-with-locales.js，双击打开，拖到最后找到

把hooks.locale里的参数修改为'zh-cn',

最后main.js中导入

qq_38797546
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
阴历的Vue组件。-JavaScript开发
05-26
vue-lunar-calendar阴历的Vue组件。 使用Moment.js进行日期操作。 这是韩国的农历。 它与中国农历不同。您也可以将其用作太阳历（公历）vue-lunar-calendar农历的Vue组件。 使用Moment.js进行日期操作。 这是韩国的农历。 它与中国农历不同，您也可以将其用作太阳历（在线日历）。在线演示演示安装npm install vue-lunar-calendar --save或使用Yarn yarn add vue-lunar-calendar 'vue-lunar-calendar'声明组成您的项目Vue.component（'lunar-calendar'，lunarCalend
vue-moment：Vue.js项目的便捷Moment.js过滤器
02-21
时刻 于项目的便捷过滤器。 安装 通过NPM安装......$ npm install vue-moment ...... Vue . use ( require ( 'vue-moment' ) ) ;...只需将moment设置为过滤功能，...Moment.js希望您输入的内容为：有效的ISO 8601格式的字符串
moment时间库设置中文
业余前端的职业经历
06-12 2420
js时间展示这块你可以使用自己封装的时间，但是有现成优秀的时间库，建议你还是使用现成的比较好，当然闲暇时间 可以自己尝试着 封装个时间库玩一玩。 好了言归正传了 正常来说 moment是英文的 要想使用中文库 我们得引入语言的插件，这个是自带的哈不需要下载呢 npm i moment -S 如果是 node环境的话 var moment = require('moment'); require('moment/locale/zh-cn') 如果是 webpack 环境 现在webpack应该是用的比较多
时间插件moment.js如何设置中文语言环境
超人不会飞
06-24 9299
// moment是一个专门处理时间日期的模块 // 使用模块之前，必须加载 const moment = require('moment'); // 设置语言环境 moment.locale('zh-cn', { months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'), monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'), weekdays: '星期日...
如何在Vue中设置moment为中文
泥鸽鸽的博客
03-04 1507
如何使用moment.js格式化时间为中文 正常情况下使用moment.js返回的数据结果为英文 如果要使用moment.js自带的方式格式化时间 就需要设置 设置使用 但是很多人不知道在哪里使用这个 其实 我们在项目初始化之后就调用这个就能设置时间为中文 比如在Vue中 之后就可以正常使用moment的时间工具 ...
Vue中moment.js怎么使用中文以及简单使用moment.js把已知时间转成相对时间
weixin_45890764的博客
04-29 1402
在Vue中使用中文很简单，只需要，引入一个文件，这个在我们使用npm下载时就已经下载好了，下面是如何引用： import 'moment/locale/zh-cn' 我在做yy论坛时，有一个需求就是把已知的创建日期，怎么转化成相对时间？我们一步一步来 第一步：npm引入moment npm install moment 第二步：在我们需要的文件中引入 import moment from "moment"; //中文引入 import 'moment/locale/zh-cn' 我们拿到的数据是这样的
vue使用moment.js中文格式化
Eleuuuuy的博客
12-08 1066
在引入页面引入： import moment from 'moment'; import 'moment/locale/zh-cn'; 使用： this.baseTime = moment().format('L') + ' ' + moment().format('dddd') + ' ' + moment().format('LTS'); 效果：
Vue-moment-jalaali-Vue.js项目的Jalaali Moment.js过滤器。-Vue.js开发
05-27
vue-moment-jalaali您的Vue.js项目的Jalaali Moment.js过滤器。 该项目基于vue-moment和moment-jalaali。 安装您可以为Vue.js项目安装vue-moment-jalaali Jalaali Moment.js过滤器。 该项目基于vue-moment和moment-...
vue-moment-适用于Vue.js项目的Handy Moment.js过滤器。-Vue.js开发
05-27
vue-moment适用于Vue.js项目的Handy Moment.js过滤器。 安装通过NPM安装... $ npm安装vue-moment ...，并要求像vue-moment这样的插件为您的Vue.js项目提供Handy Moment.js过滤器。 安装通过NPM安装... $ npm安装vue-...
vue-moment-lib-使用相同的momentjs API的简单Vue.js 2.0 MomentJS库（过滤器和全局变量）。-Vue.js开发
05-27
vue-moment-lib Vue.js 2.0 MomentJS库使Momentjs在模板和Vue实例中可用。 因为它只是尝试映射原始js函数，所以api vue-moment-lib一个Vue.js 2.0 MomentJS库使Momentjs在模板和Vue实例中可用。 由于它只是尝试映射...
获取阴历（农历）和当前日期的js代码
11-22
本文为大家分享了一段js显示阴历（农历）和当前日期的关键性代码，供大家参考，具体内容如下 var CalendarData=new Array(100); var madd=new Array(12); var tgString="甲乙丙丁戊己庚辛壬癸"; var dzString="子丑寅卯辰巳午未申酉戌亥"; var numString="一二三四五六七八九十"; var monString="正二三四五六七八九十冬腊"; var weekString="日一二三四五六"; var sx="鼠牛虎兔龙蛇马羊猴鸡狗猪"; var cYear,cMonth,cDay,TheDate; Cal
【转载】moment.js 中文国际化失效 vite vue3
异想之旅的博客
03-24 2002
作者：林遇66 链接：https://www.jianshu.com/p/5256c691d9bd 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 今天尝试用vite和vue3写项目，但是碰到一个问题，引入moment.js，使用中文国际化的时候，一直没有生效。 不生效的写法如下，正常来说应该没有问题。 import moment from "moment"; import "moment/locale/zh-cn"; moment.locale('zh-cn') 查了
js 获取农历日期
SpringHASh的博客
02-02 1331
var CalendarData = new Array(100); var madd = new Array(12); var tgString = "甲乙丙丁戊己庚辛壬癸"; var dzString = "子丑寅卯辰巳午未申酉戌亥"; var numString = "一二三四五六七八九十"; var monString = "正二三四五六七八九十冬腊"; var weekString = "日一二三四五六"; var sx = "鼠牛虎兔龙蛇马羊猴鸡狗猪"; var cYear, cMonth,..
Moment.js显示中文 React
kzj0916的博客
04-18 1164
Moment.js显示中文 看了很多博客都是手动，教大家一种简单的方法就可以实现了。他内部其实有给我们提供很多语言包的，我们按需引入就可以了。 大家可以看看，想要什么语言包可以自行切换就行了。 修改的话我们直接在index入口文件中修改就行了 import 'moment/locale/zh-cn'; vue中要引用也是一样的道理！不详细说了 ...
moment.js 设置语言为中文
weixin_43294092的博客
07-01 2704
moment.js 设置语言为中文 import moment from 'moment' // 里面的字符可以根据自己的需要进行调整 moment.locale('zh-cn', { months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'), monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'), weekdays: '星期日_星期一_星期二_星期三_星期四_
webpack 只打包 moment zh-cn 语言包
sinat_17116395的博客
07-12 3070
//webpack 配置 plugins: [ //解决moment打包的时候把所有的语言都打包进去的问题 new webpack.ContextReplacementPlugin( /moment[\\\/]locale$/, /^\.\/(zh-cn)$/ ), … ]// 优化前// 优化后...
Ant Design Vue 中 DatePicker 日期选择框 placeholder 改成中文设置
大乌鸦
07-06 8041
关于怎样让日期里面全是中文的操作 <a-range-picker @change="onChange" /> 首先你要引入相关js 然后改成中文的操作是在main.js里面这样写 import moment from 'moment'; import locale from 'ant-design-vue/lib/locale-provider/zh_CN'; import 'moment/locale/zh-cn'; moment.locale('zh-cn'); 这样你的日
怎么在vue中使用moment.js库
最新发布
04-27
要在Vue中使用Moment.js库，需要先安装Moment.js。可以通过以下命令使用npm进行安装： ``` npm install moment --save ``` 安装完成后，在Vue组件中可以使用以下代码导入Moment.js： ``` import moment from 'moment' ``` 然后，就可以在组件中使用Moment.js提供的函数了。例如，可以使用以下代码获取当前日期和时间： ``` const now = moment() console.log(now.format('YYYY-MM-DD HH:mm:ss')) ``` 需要注意的是，Moment.js在Vue组件中的使用方式与在普通JavaScript应用程序中的使用方式相同。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值