微信小程序 - 格式化操作 && moment.js格式化常用使用方法总结大全

格式化操作使用

  1. 首先,下载一个第三方库 moment

    npm i moment --save

注:在微信小程序中无法直接npm 下载 导入 的(安装一个就需要构建一次)

解决:菜单栏 --> 工具 --> 构建 npm 点击即可(会出现新的目录)

  1. 导入 moment

    import moment from "moment";

  2. 使用 moment 进行格式化

mm:ss 转换为时间格式 分 :秒

console.log( moment(162584).format("mm:ss"));

momen.js 格式化常用使用方法:

一:设定moment区域为中国
// require 方式 require('moment/locale/zh-cn') moment.locale('zh-cn'); 
// import 方式 import 'moment/locale/zh-cn' moment.locale('zh-cn');
二:基础格式用法

1)日期

moment(new Date()).format("YYYY-MM-DD")
  1. 时间日期

    moment(new Date()).format("YYYY-MM-DD hh:mm:ss")

  2. 日期时间(24小时制)

    moment(new Date()).format("YYYY-MM-DD HH:mm:ss")

  3. 星期

    moment().format('dddd')

5)当前日期之后的某一天/周/月/年/

moment(new Date()).add(1,"days").format("YYYY-MM-DD")

6)当前日期之前的某一天/周/月/年/

moment().subtract(1, "days").format("YYYY-MM-DD")
三:moment其他用法

1) moment获取天的23时59分59秒可以用moment().endOf(String)

获取天的0时0分0秒可以用moment().startOf('day')

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

2)获取今天0时0分0秒

moment().startOf('day')

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

moment().startOf('week')

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

moment().startOf('isoWeek')

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

moment().startOf('month')
四:End of Time

1)获取今天时间

moment().endOf('day')

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

moment().endOf('week')

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

moment().endOf('isoWeek')

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

moment().endOf('month')

5)获取当前月的总天数

moment().daysInMonth()

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

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

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

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

8)获取年份

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

9)获取月份

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

10)获取某月中的某一天

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

11)获取一个星期中的某一天

moment().day() // (0~6, 0: Sunday, 6: Saturday)

12)获取小时

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

13)获取分钟

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

14)获取秒数

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

15)获取当前的年月日时分秒

moment().toArray()
五:转化为JavaScript原生Date对象
moment().toDate() new Date(moment())
相关推荐
Martin -Tang1 小时前
Vue 3 中,ref 和 reactive的区别
前端·javascript·vue.js
FakeOccupational3 小时前
nodejs 020: React语法规则 props和state
前端·javascript·react.js
放逐者-保持本心,方可放逐3 小时前
react 组件应用
开发语言·前端·javascript·react.js·前端框架
曹天骄4 小时前
next中服务端组件共享接口数据
前端·javascript·react.js
程序员入门进阶5 小时前
基于微信小程序的电子购物系统的设计与实现(lw+演示+源码+运行)
微信小程序·小程序
郝晨妤5 小时前
鸿蒙ArkTS和TS有什么区别?
前端·javascript·typescript·鸿蒙
喝旺仔la6 小时前
vue的样式知识点
前端·javascript·vue.js
别忘了微笑_cuicui6 小时前
elementUI中2个日期组件实现开始时间、结束时间(禁用日期面板、控制开始时间不能超过结束时间的时分秒)实现方案
前端·javascript·elementui
尝尝你的优乐美6 小时前
vue3.0中h函数的简单使用
前端·javascript·vue.js
windy1a6 小时前
【C语言】js写一个冒泡顺序
javascript