Vue3antdesign使⽤Moment.js⽇期格式化的实现ant design 使⽤Moment.js⽇期格式化的实现
由于⽤ant design⽇期组件取得的值是moment类型，⽽往数据库中保存需要的是字符串类型.这⾥就⽤到了moment⽇期转换Moment.js官⽹:
转换⽰例
⽇期格式化
moment().format('MMMM Do YYYY, h:mm:ss a'); // ⼗⽉ 22⽇ 2021, 3:05:48 下午
moment().format('dddd');                    // 星期五
moment().format("MMM Do YY");              // 10⽉ 22⽇ 21
moment().format('YYYY [escaped] YYYY');    // 2021 escaped 2021
moment().format();                          // 2021-10-22T15:05:48+08:00
相对时间
moment("20111031", "YYYYMMDD").fromNow(); // 10 年前
moment("20120620", "YYYYMMDD").fromNow(); // 9 年前
moment().startOf('day').fromNow();        // 15 ⼩时前
moment().endOf('day').fromNow();          // 9 ⼩时内
moment().startOf('hour').fromNow();      // 6 分钟前
⽇历时间
moment().subtract(10, 'days').calendar(); // 2021/10/12
moment().subtract(6, 'days').calendar();  // 上星期六15:05
moment().subtract(3, 'days').calendar();  // 上星期⼆15:05
moment().subtract(1, 'days').calendar();  // 昨天15:05
moment().calendar();                      // 今天15:05
moment().add(1, 'days').calendar();      // 明天15:05
ant design
moment().add(3, 'days').calendar();      // 下星期⼀15:05
moment().add(10, 'days').calendar();      // 2021/11/01
多语⾔⽀持
moment.locale();        // zh-cn
moment().format('LT');  // 15:05
moment().format('LTS');  // 15:05:48
moment().format('L');    // 2021/10/22
moment().format('l');    // 2021/10/22
moment().format('LL');  // 2021年10⽉22⽇
moment().format('ll');  // 2021年10⽉22⽇
moment().format('LLL');  // 2021年10⽉22⽇下午3点05分
moment().format('lll');  // 2021年10⽉22⽇ 15:05
moment().format('LLLL'); // 2021年10⽉22⽇星期五下午3点05分
moment().format('llll'); // 2021年10⽉22⽇星期五 15:05
ant design转换
import moment from 'moment'
async function GetFySortTitle() {
await article.GetFyTitleAsync(1, 1000, true, false).then((result: any) => {
//遍历⽇期
result.data.forEach((res: any) => {
res.timeCreate = moment(res.timeCreate).format('YYYY-MM-DD')
res.timeModified = moment(res.timeModified).format('YYYY-MM-DD')
})
state.dataResult = result.data
})
}
函数封装
//封装momentData
function momentData(result: any) {
result.data.forEach((res: any) => {
res.timeCreate = moment(res.timeCreate).format('YYYY-MM-DD')
res.timeModified = moment(res.timeModified).format('YYYY-MM-DD')
})
}
//调⽤momentData(result)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。