导航:首页 > 编程语言 > momentjs中文格式

momentjs中文格式

发布时间:2023-05-12 06:46:38

① moment.js的方法总结

总结一个非常实用的日期工具类moment.js,日期获取,格式化等。
都是以前工作中遇到的,我会在使用工具类的时候新建一个js,工作中遇到要显示什么都在这个文件里尝试掘信,所以这个顺序是我工作中遇到然后在js文件中尝试的顺序,可能顺序稍微乱一些,但是大致没有什么问题。

1.取当天时间,以YYYY年MM月DD日形式显示

2.任意时间戳格式化,以YYYY-MM-DD HH:mm:ss形式显示

可以简单理解为上周倒数第几天,上周倒数第三天就是上周五了,和当天日期无关

注意这个地方,日期不是.day()/days()

结合t14,t15,t16就可以输出你想要的任何和当前日期、月份相关的日期
例如:我想获取去年今天的完整日期,如:今天是2018-7-23,我判饥轮要输出的是2017-7-23

当然这不是获取去年今天日期最好的办法肢顷,但你可以拼出很多你想要的组合,下面会介绍更好的获取去年今日的方法。

这个的应用是获取时间戳过期时间
比较也很简单,只要获取当前时间,一样的format用><=号比较就可以了

例如:今天2018-7-23,获取到的时间是2018-7-18

② Moment.js 中文文档

MomentJs
本来想写这么一篇翻译稿呢,发现中文文档已经有人在运维了,总的来讲还是很欣慰的。
来这边写东西还有两个原因

不过翻译+学习的方式我还是很赞同的。
另外,Moment.js 这个库还是很赞的一个时间处理库,如谨没果你在瞎改开发中遇到,拿走,不磨晌判谢。

③ vue中使用moment.js

1.先安装  npm install moment

2.在使用的组件里面引入  var moment = require('moment');

moment().format();
//官网    http://momentjs.cn/docs/#/parsing/

3.将时间戳转为标准日期
let day2 = moment(1632983439000).format("YYYY-MM-DD");

    console.log(day2);

或者转为带T的格式等等

4.再将标准日期转为时间戳

 let day3 = moment(day2).valueOf();

    console.log(day3);
5.默认情况下,moment 会解析并以本地时间显示。

如果要解析或以 UTC 显示 moment,则可以使用 moment.utc() 而不是 moment()。
moment().format(); // 2013-02-04T10:35:24-08:00

moment.utc().format(); // 2013-02-04T18:35:24+00:00
重要的是要注意,尽管上面的显示有所不同,但它们在同一时间都是相同的 moment。

vara = moment();varb = moment.utc();a.format();// 2013-02-04T10:35:24-08:00b.format();// 2013-02-04T18:35:24+00:00a.valueOf();// 1360002924000b.valueOf();// 1360002924000

使用 moment.utc() 创建的任何 moment 都将会处于 UTC 模式中,而使用 moment() 创建的任何 moment 则不会。

④ 怎样将moment.js设置成中文

首先在github上找到中文字典部分:

[javascript] view plain
moment.defineLocale('zh-cn', {
months : '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
monthsShort : '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
weekdays : '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
weekdaysShort : '周日_周一_周二_周三_周四_周五_周六'.split('_'),
weekdaysMin : '日_一_二_三_四_五_六'.split('_'),
longDateFormat : {
LT : 'Ah点mm分',
LTS : 'Ah点m分s秒',
L : 'YYYY-MM-DD',
LL : 'YYYY年MMMD日',
LLL : 'YYYY年MMMD日Ah点mm分',
LLLL : 'YYYY年MMMD日ddddAh点mm分',
l : 'YYYY-MM-DD',
ll : 'YYYY年MMMD日',
lll : 'YYYY年MMMD日Ah点mm分',
llll : 'YYYY年MMMD日ddddAh点mm分'
},
meridiemParse: /凌晨|早上|上午|中午|下午|晚上/,
meridiemHour: function (hour, meridiem) {
if (hour === 12) {
hour = 0;
}
if (meridiem === '凌晨' || meridiem === '早上' ||
meridiem === '上午') {
return hour;
} else if (meridiem === '下午' || meridiem === '晚上') {
return hour + 12;
} else {
// '中午'
return hour >= 11 ? hour : hour + 12;
}
},
meridiem : function (hour, minute, isLower) {
var hm = hour * 100 + minute;
if (hm < 600) {
return '凌晨';
} else if (hm < 900) {
return '早上';
} else if (hm < 1130) {
return '上午';
} else if (hm < 1230) {
return '中午';
} else if (hm < 1800) {
return '下午';
} else {
return '晚上';
}
},
calendar : {
sameDay : function () {
return this.minutes() === 0 ? '[今天]Ah[点整]' : '[今天]LT';
},
nextDay : function () {
return this.minutes() === 0 ? '[明天]Ah[点整]' : '[明天]LT';
},
lastDay : function () {
return this.minutes() === 0 ? '[昨天]Ah[点整]' : '[昨天]LT';
},
nextWeek : function () {
var startOfWeek, prefix;
startOfWeek = moment().startOf('week');
prefix = this.unix() - startOfWeek.unix() >= 7 * 24 * 3600 ? '[下]' : '[本]';
return this.minutes() === 0 ? prefix + 'dddAh点整' : prefix + 'dddAh点mm';
},
lastWeek : function () {
var startOfWeek, prefix;
startOfWeek = moment().startOf('week');
prefix = this.unix() < startOfWeek.unix() ? '[上]' : '[本]';
return this.minutes() === 0 ? prefix + 'dddAh点整' : prefix + 'dddAh点mm';
},
sameElse : 'LL'
},
ordinalParse: /\d{1,2}(日|月|周)/,
ordinal : function (number, period) {
switch (period) {
case 'd':
case 'D':
case 'DDD':
return number + '日';
case 'M':
return number + '月';
case 'w':
case 'W':
return number + '周';
default:
return number;
}
},
relativeTime : {
future : '%s内',
past : '%s前',
s : '几秒',
m : '1 分钟',
mm : '%d 分钟',
h : '1 小时',
hh : '%d 小时',
d : '1 天',
dd : '%d 天',
M : '1 个月',
MM : '%d 个月',
y : '1 年',
yy : '%d 年'
},
week : {
// GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效
dow : 1, // Monday is the first day of the week.
doy : 4 // The week that contains Jan 4th is the first week of the year.
}
});
然后,把这段代码复制到moment.js中,位置在最后一句 “return _moment;” 的前面,如下:

[javascript] view plain
//中文支持
moment.defineLocale('zh-cn', {
months : '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
monthsShort : '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
//...略

return _moment;
运行,但是不起作用,还是显示英文日期。

再仔细观察代码,moment.js中最后返回的变量叫做 _moment,多了个下划线,于是修改刚才那段代码的开头部分,把moment改为_moment,成功!

[javascript] view plain
//中文支持
_moment.defineLocale('zh-cn', {

问题解决!

⑤ vue中使用moment.js 以及中文显示

npm install moment

只需在main.js使用

要转换的值颤档陵必须蠢卖是date类型或者是number类茄戚型的时间戳,不然可能报错Invalid Date

阅读全文

与momentjs中文格式相关的资料

热点内容
android蓝牙传文件在哪里 浏览:354
苹果6s软解是真的吗 浏览:310
c语言代码量大 浏览:874
最新网络卫星导航如何使用 浏览:425
以下哪些文件属于图像文件 浏览:774
zycommentjs 浏览:414
确认全血细胞减少看哪些数据 浏览:265
文件有哪些要求 浏览:484
cad打开时会出现两个文件 浏览:65
什么是转基因网站 浏览:48
手柄设备有问题代码43 浏览:921
怎么他么怎么又网络了 浏览:649
java会出现内存泄露么 浏览:617
苹果4s锁屏后怎么还显示歌曲 浏览:207
鸿蒙系统文件管理哪些可以删除 浏览:550
ubuntuqt创建工程没有配置文件 浏览:126
网站登录变成其他网站怎么处理 浏览:202
ug数控编程学校有哪些 浏览:203
java图片上传显示 浏览:402
ppt的文件名后缀 浏览:902

友情链接