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

格式化操作使用

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

npm i moment --save

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

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

2. 导入 moment

import moment from "moment";

3. 使用 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")

2) 时间日期

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

3) 日期时间(24小时制)

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

4) 星期

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())

  • 9
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用小程序内置的日期格式化函数 `formatTime()`,示例代码如下: ```javascript /** * 格式化时间戳为指定格式的日期字符串 * @param {Number} timestamp 时间戳,单位为毫秒 * @param {String} format 格式化字符串,默认为 yyyy-MM-dd HH:mm:ss * @return {String} 格式化后的日期字符串 */ function formatTimestamp(timestamp, format = 'yyyy-MM-dd HH:mm:ss') { const date = new Date(timestamp); const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); const hour = date.getHours(); const minute = date.getMinutes(); const second = date.getSeconds(); const fillZero = (num) => num < 10 ? `0${num}` : num; return format.replace('yyyy', year) .replace('MM', fillZero(month)) .replace('dd', fillZero(day)) .replace('HH', fillZero(hour)) .replace('mm', fillZero(minute)) .replace('ss', fillZero(second)); } // 示例:将当前时间戳格式化为 yyyy年MM月dd日 HH:mm:ss const now = Date.now(); const formatted = formatTimestamp(now, 'yyyy年MM月dd日 HH:mm:ss'); console.log(formatted); // 2022年01月06日 16:15:30 ``` 在小程序中使用时,可以将函数封装在 `util.js` 文件中,并在需要使用的页面或组件中引入,然后调用即可。例如: ```javascript import { formatTimestamp } from '../../utils/util'; Page({ data: { timestamp: Date.now(), formattedDate: '', }, onLoad() { const { timestamp } = this.data; const formatted = formatTimestamp(timestamp); this.setData({ formattedDate: formatted }); }, }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值