添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
code_lee 1年前 javascript 3466

基础格式 用法

日期

moment(new Date()).format("YYYY-MM-DD”)  // 2021-10-23
moment(new Date()).format("YYYY/MM/DD”)  // 2021/10/23
moment(new Date()).format("YYYY年MM月DD日”)  // 2021年10月23日
moment(new Date()).locale('zh-cn').format('L')  // 2021/10/23
moment(new Date()).locale('zh-cn').format('l')  // 2021/10/23
moment(new Date()).locale('zh-cn').format('LL')  // 2021年10月23日
moment(new Date()).locale('zh-cn').format('ll')  // 2021年10月23日

日期时间

moment(new Date()).format("YYYY-MM-DD hh:mm:ss”)  // 2021-10-23 10:50:33
moment(new Date()).format(”YYYY年MM月DD日 hh时mm分ss秒“)  //   2021年10月23日 10时50分33秒
moment(new Date()).locale('zh-cn').format('LLL')  //   2021年10月23日上午10时50分
moment(new Date()).locale('zh-cn').format('lll')  //   2021年10月23日 10:50
moment(new Date()).locale('zh-cn').format('LLLL')  //   2021年10月23日星期四上午10时50分
moment(new Date()).locale('zh-cn').format('llll')  //   2021年10月23日星期四 10:50

日期时间(24小时制)

moment(new Date()).format("YYYY-MM-DD HH:mm:ss”)  // 2021-10-23 23:50:33
moment(new Date()).format(”YYYY年MM月DD日 HH时mm分ss秒“)  //   2021年10月23日 23时50分33秒

星期

moment().format('dddd') // 星期四

当前日期之后..

moment(new Date()).add(1,"days").format("YYYY-MM-DD")  // 2021-10-24  加一天
moment(new Date()).add(1,"months").format("YYYY-MM-DD")  // 2021-11-23  加一月
moment(new Date()).add(1,"years").format("YYYY-MM-DD")  // 2022-10-23  加一年
moment(new Date()).add(1,"weeks").format("YYYY-MM-DD")  // 2021-10-30 加一周

当前日期之前..

moment().subtract(1, "days").format("YYYY-MM-DD") // 2021-10-22  前一天
moment().subtract(1, "months").format("YYYY-MM-DD") // 2021-9-23  前一月
moment().subtract(1, "years").format("YYYY-MM-DD") // 2020-10-23  前一年
moment().subtract(1, "weeks").format("YYYY-MM-DD") // 2021-10-16  前一周

平常使用记住一句话:将来就是加add,曾经就是减subtract, 现在是moment(),复杂的加减可以使用链式
链式操作举例:moment().add(7, ‘days’).subtract(1, ‘months’) // 意思为当前日期加上7天再减去一个月,时分秒和当前保持一致。

补充:
日历时间

// 日历格式为昨天、明天、下周三这种表达,去掉calendar就是正常格式返回
 // days可以换成months、hours、seconds、years
 moment().subtract(10, ‘days’).calendar(); // 当前时间减10天,以日历时间格式返回————2021/03/28
 moment().subtract(6, ‘days’).calendar(); // 当前时间减6天,以日历时间格式返回————上星期四10:27
 moment().subtract(1, ‘days’).calendar(); // 前时间减1天,以日历时间格式返回————昨天10:27
 moment().calendar(); // 当前时间————今天10:27
 moment().add(1, ‘days’).calendar(); // 当前时间加1天,以日历时间格式返回————明天10:27
 moment().add(3, ‘days’).calendar(); // 当前时间加三天,以日历时间格式返回————下星期六10:27
 moment().add(10, ‘days’).calendar(); // 当前时间加10天,以日历时间格式返回————2021/04/17

注:subtract vt. 减去;扣掉,即以前的时间
add vt. 增加,添加,即将来的时间
calendar n. 日历

时间点及格式化

console.log(moment().format(“YYYY-MM-DD HH:mm:ss”)); //当前时间
console.log(moment().subtract(10, “days”).format(“YYYY-MM-DD”)); //当前时间的前10天时间
console.log(moment().subtract(1, “years”).format(“YYYY-MM-DD”)); //当前时间的前1年时间
console.log(moment().subtract(3, “months”).format(“YYYY-MM-DD”)); //当前时间的前3个月时间
console.log(moment().subtract(1, “weeks”).format(“YYYY-MM-DD”)); //当前时间的前一个星期时间

时间段

console.log(moment() < current || moment().subtract(365, ‘days’) > current); // 过去的一年时间内
console.log(moment().subtract(7, ‘days’).add(1, ‘hours’), moment().add(1, ‘hours’)) // 过去的7天,且时间向上取整

moment其他用法

moment获取天的23时59分59秒可以用moment().endOf(String),以及获取天的0时0分0秒可以用moment().startOf('day')

moment().endOf(String)
moment().startOf('day')

获取今天0时0分0秒

moment().startOf('day')

获取本周第一天(周日)0时0分0秒

moment().startOf('week')

获取本周周一0时0分0秒

moment().startOf('isoWeek')

获取当前月第一天0时0分0秒

moment().startOf('month')

End of Time

moment().endOf(String)

获取今天23时59分59秒

moment().endOf('day')

获取本周最后一天(周六)23时59分59秒

moment().endOf('week')

获取本周周日23时59分59秒

moment().endOf('isoWeek')

获取当前月最后一天23时59分59秒

moment().endOf('month')

Days in Month

moment().daysInMonth()

获取当前月的总天数

moment().daysInMonth()

Timestamp

获取时间戳(以秒为单位)

moment().format('X') // 返回值为字符串类型
moment().unix() // 返回值为数值型

获取时间戳(以毫秒为单位)

moment().format('x') // 返回值为字符串类型
moment().valueOf() // 返回值为数值型

Get Time

获取年份

moment().year()
moment().get('year')

获取月份

moment().month() (0~11, 0: January, 11: December)
moment().get('month')

获取一个月中的某一天

moment().date()
moment().get('date')

获取一个星期中的某一天

moment().day() (0~6, 0: Sunday, 6: Saturday)
moment().weekday() (0~6, 0: Sunday, 6: Saturday) moment().isoWeekday() (1~7, 1: Monday, 7: Sunday) moment().get('day') mment().get('weekday') moment().get('isoWeekday')

获取小时

moment().hours()
moment().get('hours')

获取分钟

moment().minutes()
moment().get('minutes')

获取秒数

moment().seconds()
moment().get('seconds')

获取当前的年月日时分秒

moment().toArray() // [years, months, date, hours, minutes, seconds, milliseconds]
moment().toObject() // {years: xxxx, months: x, date: xx ...}

设置时间

moment().year(Number), moment().month(Number)...
moment().set(String, Int)
moment().set(Object)

设置年份

moment().year(2019)
moment().set('year', 2019)
moment().set({year: 2019})

设置月份

moment().month(11) (0~11, 0: January, 11: December) moment().set('month', 11)

设置某个月中的某一天

moment().date(15)
moment().set('date', 15)

设置某个星期中的某一天

moment().weekday(0) // 设置日期为本周第一天(周日)
moment().isoWeekday(1) // 设置日期为本周周一
moment().set('weekday', 0) moment().set('isoWeekday', 1)

设置小时

moment().hours(12)
moment().set('hours', 12)

设置分钟

moment().minutes(30)
moment().set('minutes', 30)

设置秒数

moment().seconds(30)
moment().set('seconds', 30)

Add Time

moment().add(Number, String)
moment().add(Object)

设置年份

moment().add(1, 'years')
moment().add({years: 1})

设置月份

moment().add(1, 'months')

设置日期

moment().add(1, 'days')

设置星期

moment().add(1, 'weeks')

设置小时

moment().add(1, 'hours')

设置分钟

moment().add(1, 'minutes')

设置秒数

moment().add(1, 'seconds')

Subtract Time

moment().subtract(Number, String)
moment().subtract(Object)

设置年份

moment().subtract(1, 'years')
moment().subtract({years: 1})

设置月份

moment().subtract(1, 'months')

设置日期

moment().subtract(1, 'days')

设置星期

moment().subtract(1, 'weeks')

设置小时

moment().subtract(1, 'hours')

设置分钟

moment().subtract(1, 'minutes')

设置秒数

moment().subtract(1, 'seconds')

格式化时间

moment().format()
moment().format(String)

格式化年月日: 'xxxx年xx月xx日'

moment().format('YYYY年MM月DD日')

格式化年月日: 'xxxx-xx-xx'

moment().format('YYYY-MM-DD')

格式化时分秒(24小时制): 'xx时xx分xx秒'

moment().format('HH时mm分ss秒')

格式化时分秒(12小时制):'xx:xx:xx am/pm'

moment().format('hh:mm:ss a')

格式化时间戳(以秒为单位)

moment().format('X') // 返回值为字符串类型

格式化时间戳(以毫秒为单位)

moment().format('x') // 返回值为字符串类型

比较时间 Difference

moment().diff(Moment|String|Number|Date|Array)

获取两个日期之间的时间差

let start_date = moment().subtract(1, 'weeks')
let end_date = moment()
end_date.diff(start_date) // 返回毫秒数 end_date.diff(start_date, 'months') // 0 end_date.diff(start_date, 'weeks') // 1 end_date.diff(start_date, 'days') // 7 start_date.diff(end_date, 'days') // -7
moment(endTime).diff(moment(startTime),'years')
moment(endTime).diff(moment(startTime),'months')
moment(endTime).diff(moment(startTime),'days')
moment(endTime).diff(moment(startTime),'minutes')
moment(endTime).diff(moment(startTime),'seconds')
disabledEndDate (current) {
   const { startDate } = this.deliveryParam
   // 不能在今天的前一天之后,不能在开始时间之前,结束时间与开始时间之间月份相差不能超过 2 个月
   return current && (current.isAfter(moment().subtract(1, 'days')) || current.isBefore(startDate) || current.diff(startDate, 'months') > 2)
},


开始时间和结束时间的时间差,以第二个参数为单位,endTime和startTime都是毫秒数

转化为JavaScript原生Date对象

moment().toDate()
new Date(moment())

将Moment时间转换为JavaScript原生Date对象

let m = moment()
let nativeDate1 = m.toDate()
let nativeDate2 = new Date(m) String(nativeDate1) === String(nativeDate2) // true





































上一篇: 关于opacity:0、、三个属性的比较以及拓展

下一篇: git删除本地分支和远程分支

理解Object.defineProperty的作用

对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式:var obj = new Object;&nbs...

javascript处理树形结构数据

const dataList=[   {     id:1,     pid:0,...

Symbol数据类型

Symbol 本质上是一种唯一标识符,可用作对象的唯一属性名,这样其他人就不会改写或覆盖你设置的属性值。声明方法:const id = Symbol("id&q...

HTTP协议详解

引言  HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展。目前在WWW中使用的是HTTP/1...

正则test, exec, match, replace

用法介绍注:pattern 为RegExp的实例, str 为String的实例RegExp对象方法test()字符串的test方法,比较常用在判断语句中,最简单的RegExp方法了,用于检测一个字符...

原创 js操作canvas、DataURL、File、Blob转换处理

首先,要清楚File与Blob之间的关系File继承自Blob,扩展了一些属性,例如文件名、修改时间、路径等注意:Edge浏览器不支持File对象构造函数1.DataURL写入canvasvar&nb...