moment时间操作

baroncoder

已于 2022-08-23 15:44:59 修改

阅读量1.6k

点赞数

分类专栏： js 文章标签：前端 javascript

于 2022-08-23 15:32:01 首次发布

本文链接：https://blog.csdn.net/baroncoder/article/details/126479240

版权

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用moment.js库进行日期和时间的常见操作，包括加减日期、获取昨日、本周、本月等时间段，并展示了在antd-pro项目中ProTable组件设置日期范围搜索项的初始值。此外，还提供了在AntDProProTable中设置默认月份搜索值的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、常用时间操作

当前日期
moment().format('YYYY-MM-DD')

日期月份加减操作
        moment().add('-1','days').format('YYYY-MM-DD') // days 可写作D
        moment().add(-1, 'weeks').format('YYYY-MM-DD') // weeks可写作 W
        moment().add('-1','months').format('YYYY-MM-DD') // months可写作 M
        moment().add(-1, 'quarter').format('YYYY-MM-DD') // quarter 可写作 Q
        moment().add('-1','years').format('YYYY-MM-DD') // years可写作 Y

获取时间段：

获取昨日时间：
开始: moment().add('-1','days').format('YYYY-MM-DD'),
结束: moment().add('-1','days').format('YYYY-MM-DD')
获取本周时间：
开始: moment().subtract(moment().format('E') -1 , 'days').format('YYYY-MM-DD'),
结束: moment().format('YYYY-MM-DD')
获取本周开始至本周结束时间
开始: moment().startOf('isoWeek').format('YYYY-MM-DD')
结束: moment().endOf('isoWeek').format('YYYY-MM-DD')
获取上周的今天至下周的今天
开始: moment().add(-1, 'W').format('YYYY-MM-DD')
结束: moment().add(1, 'W').format('YYYY-MM-DD')
获取本月时间：
开始: moment().format('YYYY-MM') + '-01',
结束: moment().format('YYYY-MM-DD')
获取本月所在季度：
开始: moment().startOf('quarter').format("YYYY-MM-DD"),
结束: moment().endOf('quarter').format("YYYY-MM-DD")
获取近7天：
开始: moment().add('-6','days').format('YYYY-MM-DD'),
结束: moment().format('YYYY-MM-DD')
获取近1月时间
开始: moment().add('-1','months').format('YYYY-MM-DD'),
结束: moment().format('YYYY-MM-DD')
获取近3个月时间
开始: moment().add('-3','months').format('YYYY-MM-DD'),
结束: moment().format('YYYY-MM-DD')
获取今年时间
开始: moment().format('YYYY') + '-01-01',
结束: moment().format('YYYY-MM-DD')
获取近1年时间
开始: moment().add('-1','year').format('YYYY-MM-DD'),
结束: moment().format('YYYY-MM-DD')

二、项目实战中用法

在antd-pro中 Protable 高级表格设置搜索项初始值

{
    title: '日期',
    width: 140,
    dataIndex: 'xxx',
    valueType: 'dateRange',
    initialValue: [
        moment().add(-1, 'M').startOf('months').format('YYYY-MM-DD'),
        moment().add(-1, 'M').endOf('months').format('YYYY-MM-DD'),
    ],
    hideInTable: true,
    fieldProps: {
        placeholder: ['请选择起始日期', '请选择结束日期'],
        allowClear: false,
    },
}

在AntD Pro ProTable 搜索项设置默认值

 useEffect(() => {
    formRef.current?.setFieldsValue({
        month: moment().add(-1, 'M').format('YYYY-MM'),
    });
 }, []);
 // colums类型日期 月份 valueType:'dateMonth'
{
    title: '月份',
    key: 'month',
    dataIndex: 'month',
    valueType: 'dateMonth',
    hideInTable: true
},