-
2020-01-09 20:27:41
js日期处理函数、vue日期处理filter
Vue.filter("dateTimeFormater", function (val, fmt = "YYYY-mm-dd HH:MM") { if (val) { let date = new Date(val); let ret; const opt = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().toString(), // 日 "H+": date.getHours().toString(), // 时 "M+": date.getMinutes().toString(), // 分 "S+": date.getSeconds().toString() // 秒 }; for (let k in opt) { ret = new RegExp("(" + k + ")").exec(fmt); if (ret) { fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0"))) }; }; return fmt; } return ""; });
更多相关内容 -
js 日期处理工具类
2017-11-21 09:52:01js 日期处理工具类,实现了日期的转换,日期格式: 30分钟前,16:20,昨天 11:11、11-17 10:10,等格式。 -
Moment.js 不容错过的超棒Javascript日期处理类库
2020-10-28 02:42:51moment.js是一个轻量级并且健壮的js日期处理类库,相信大家在javascript开发过程中,都自己动手写过,或者使用google和百度搜索过相关的实现函数 -
分享2个JavaScript 日期处理类库
2021-05-19 14:11:40Moment.js JavaScript 日期处理类库 http://momentjs.cn/ Day.js Day.js是一个极简的JavaScript库,可以为现代浏览器解析、验证、操作和显示日期和时间。 https://dayjs.fenxianglu.cn/Moment.js JavaScript 日期处理类库 http://momentjs.cn/
Day.js Day.js是一个极简的JavaScript库,可以为现代浏览器解析、验证、操作和显示日期和时间。 https://dayjs.fenxianglu.cn/
-
利用fecha进行JS日期处理
2020-10-21 02:03:50主要介绍的是如何利用fecha进行JS日期处理,在日常项目中,经常会碰到日期处理的需求,这种需求千奇百怪,而且往往经常变化。虽然js提供了原生的Date方法供我们选择,但一些复杂的日期时间处理起来往往力不从心。... -
JavaScript日期处理类库Moment.js.zip
2019-07-19 02:26:00Moment.js 是一个简单易用的轻量级JavaScript日期处理类库,提供了日期格式化、日期解析等功能。它支持在浏览器和NodeJS两种环境中运行。此类库能够将给定的任意日期转换成多种不同的格式,具有强大的日期计算功能,... -
manba一个Javascript日期处理迷你类库
2019-08-10 01:02:31manba:一个Javascript日期处理迷你类库,超级简洁的日期处理Util,比moment.js小很多。 -
5个最佳的Javascript日期处理类库分享
2020-10-28 02:41:59在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法 -
dateformatjs一个超轻量级的JS日期处理库
2019-08-10 01:00:16dateformat.js 是一个非常简洁、轻量级、不到 5kb 的很简洁的 Javascript 库, 它是一个时间的处理工具类。 -
js日期处理
2013-04-12 17:56:16当前日期减一天 ;今天本周的第几天 ;获得某月的天数 ;获得本季度的开始月份;获得本月的开始日期;获得本月的结束日期;获得本季度的开始日期;获得本季度的结束日期;获取指定日期的上个月的日期;再也不为日期... -
自己整理的一个javascript日期处理函数
2020-10-28 21:15:47日期函数,没必要多说了吧?就是一般的日期比较,日期相加,获取当前time -
FrostDateTime:FrostDateTime是一个免费的,开放源代码JavaScript日期处理库
2021-05-03 11:20:32FrostDateTime是一个免费的开放源代码的JavaScript日期处理库。 它是一个轻量级(压缩后约为9kb)的现代库,并支持ICU格式,时区和语言环境。 目录 安装 在浏览器中 < script type =" text/javascript " src =... -
Javascript 日期处理之时区问题
2020-10-29 16:51:00所以大家以后发现这类问题,可以看下时区是不是没对应上。 -
javascript日期处理函数,性能优化批处理
2020-10-23 16:00:41主要介绍了javascript日期处置函数,对批处理做了性能优化,需要的朋友可以参考下 -
Moment.js是JavaScript 日期处理类库
2018-03-06 11:07:44Moment.js是JavaScript 日期处理类库。该文档涵盖了Moment.js处理时间的基本格式。 -
第三方模块推荐:JavaScript 日期处理类库 Moment.js
2020-01-28 16:58:45JavaScript 日期处理类库 Moment.js说明使用前提常用方法总结 说明 不知道有没有关注2019年年底的时候很多公司遇到的bug,选择2019年12月最后一个星期的时间,时间就会变成2020年。因为yyyy与YYYY的问题,但用这个库...说明
不知道有没有关注2019年年底的时候很多公司遇到的bug,选择2019年12月最后一个星期的时间,时间就会变成2020年。因为yyyy与YYYY的问题,但用这个库就没事只支持YYYY
只是单纯的记录学习过程
用来处理时间,这个库再好不过了使用前提
官方文档
安装方法npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:moment # meteor bower install moment --save # bower (废弃)
常用方法
- 日期格式化
moment().format('MMMM Do YYYY, h:mm:ss a'); // 一月 28日 2020, 4:36:45 下午 moment().format('dddd'); // 星期二 moment().format("MMM Do YY"); // 1月 28日 20 moment().format('YYYY [escaped] YYYY'); // 2020 escaped 2020 moment().format(); // 2020-01-28T16:36:45+08:00
- 时间加法
moment().add(Number, String); moment().add(Duration); moment().add(Object); moment().add(7, 'days'); moment().add(7, 'd');
- 时间减法
moment().subtract(Number, String); moment().subtract(Duration); moment().subtract(Object); moment().subtract(7, 'days');
- 时间差
var a = moment([2007, 0, 29]); var b = moment([2007, 0, 28]); a.diff(b) // 86400000 var a = moment([2007, 0, 29]); var b = moment([2007, 0, 28]); a.diff(b, 'days') // 1
- 获取或设置星期几
此方法可用于设置星期几,其中星期日为 0、星期六为 6。
如果给定的值是 0 到 6,则结果的日期将会在当前(星期日至星期六)的星期。如果超出范围,则它将会冒泡到其他星期。
moment().day(-7); // 上个星期日 (0 - 7) moment().day(0); // 这个星期日 (0) moment().day(7); // 下个星期日 (0 + 7) moment().day(10); // 下个星期三 (3 + 7) moment().day(24); // 从现在起第 3 个星期三 (3 + 7 + 7 + 7)
- 算出时间差
写这个是因为有个需求要算出司龄,需要返回但数据格式是:
”2年2个月6天“字符串 这个库当然是不能直接实现,需要我们自己写一点逻辑。最刚开始想的是算出相差多少天但年但天数以及月的天数不一样如果直接按365天月按30天肯定是不行。然后自己写了一个方法当然也要用到moment提供的方法,如果看的人有更好的方法。告诉我哦
/** * -----------时间差---------------- * @param {*} time 时间 如:2019-01-23 */ async diffTime(time) { try { // 年数 const years = moment().diff(time, 'years'); // 月数 let month = Number(moment().diff(time, 'month')) % 12; // 天数 let day = 0; if (moment(time).format('DD') > Number(moment().format('DD'))) { day = Number(moment(time).format('DD')) - Number(moment().format('DD')); day = (moment(moment(), 'YYYY-MM').daysInMonth()) - day; } else { day = Number(moment().format('DD')) - Number(moment(time).format('DD')); } // 返回数据 const msg = { years, month, day, }; return msg; } catch (error) { this.ctx.logger.error(error); return false; } }
总结
用到这个模块的地方非常多,尤其是时间格式化简单又好用。
-
Moment.js日期处理库的使用
2021-12-18 01:24:25Moment.jsMoment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。这个在一些金融保险公司会经常用到,比如一下时间的格式化处理,时...Moment.js
Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。这个在一些金融保险公司会经常用到,比如一下时间的格式化处理,时间的选择等等。
这个比较好的地方是可以格式化时间(很常用),日历的选择、多语言支持等等。
几种安装方式(选择其中一种即可)
npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:moment # meteor 官方文档:
http://momentjs.cn/
moment.js下载:
http://cdn.staticfile.org/moment.js/2.24.0/moment.js
moment.js多语言下载:
http://cdn.staticfile.org/moment.js/2.24.0/moment-with-locales.js
引入
<script src="moment.js"></script> <script> moment().format(); </script>
或
var moment = require('moment'); moment().format();
日期格式化
moment().format('MMMM Do YYYY, h:mm:ss a'); // 十二月 16日 2021, 4:22:44 下午 moment().format('dddd'); // 星期四 moment().format("MMM Do YY"); // 12月 16日 21 moment().format('YYYY [escaped] YYYY'); // 2021 escaped 2021 moment().format(); // 2021-12-16T16:22:44+08:00
相对时间
moment("20111031", "YYYYMMDD").fromNow(); // 10 年前 moment("20120620", "YYYYMMDD").fromNow(); // 9 年前 moment().startOf('day').fromNow(); // 16 小时前 moment().endOf('day').fromNow(); // 8 小时内 moment().startOf('hour').fromNow(); // 23 分钟前
日历时间
moment().subtract(10, 'days').calendar(); // 2021/12/06 moment().subtract(6, 'days').calendar(); // 上星期五16:22 moment().subtract(3, 'days').calendar(); // 上星期一16:22 moment().subtract(1, 'days').calendar(); // 昨天16:22 moment().calendar(); // 今天16:22 moment().add(1, 'days').calendar(); // 明天16:22 moment().add(3, 'days').calendar(); // 下星期日16:22 moment().add(10, 'days').calendar(); // 2021/12/26
多语言支持
moment.locale(); // zh-cn moment().format('LT'); // 16:22 moment().format('LTS'); // 16:22:44 moment().format('L'); // 2021/12/16 moment().format('l'); // 2021/12/16 moment().format('LL'); // 2021年12月16日 moment().format('ll'); // 2021年12月16日 moment().format('LLL'); // 2021年12月16日下午4点22分 moment().format('lll'); // 2021年12月16日 16:22 moment().format('LLLL'); // 2021年12月16日星期四下午4点22分 moment().format('llll'); // 2021年12月16日星期四 16:22
好啦,本期内容就分享到这里,我们下期见!
-
JS处理json日期格式化问题
2020-11-25 20:35:09对于从C#返回的日期字段,当进行JSON序列化后,在前台JS里显示的并不是真正的日期,这让我们感觉很不爽,我们不可能为了这东西,把所有日期字段都变成string吧,所以,找了一个JS的扩展方法,来实现这个功能 ... -
JavaScript日期时间处理
2021-12-10 08:40:30日期对象时间 -
JavaScript 日期处理类库
2021-04-06 09:57:52http://momentjs.cn/ -
JavaScript日期处理
2016-08-07 22:44:28日期处理,在前端开发过程中会经常遇到。不同的开发者处理日期都有自己的想法。下面提供几种常见的日期问题。 当然,Github上提供了好多优秀的日期处理插件(如Datejs、date-fns、jquery-dateFormat),然而当处理... -
js日期时间进行处理
2022-04-02 18:03:381、判断两个时间 相差多少天? function getDaysBetween(dateString1,dateString2){ var startDate = Date.parse(dateString1); var endDate = Date.parse(dateString2...2、一个日期的加上几天返回的日期 function add -
js日期时间格式处理
2022-04-13 17:00:42export const dateFormat = (date)=>{ let y = date.getFullYear() let m = date.getMonth()+1 let d = date.getDate() let h = date.getHours() let min = date.getMinutes() let s = date.getSeconds() ... -
3个常用的JavaScript日期库
2020-05-21 17:40:00在写项目的时候,遇到对一些时间的处理,代码写起来是相当的不方便,处理起来很纠结,于是借用JavaScript日期库,用一些前面的大牛总结好的东西,如同锦上添花一般,工作中节省了一大部分的...