react moment获取今天，本周，本月，本年起始日期

夏天的萝卜

于 2025-03-21 16:04:36 发布

阅读量197

点赞数 1

CC 4.0 BY-SA版权

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/weixin_46852591/article/details/146422920

首先引入moment 插件

import moment from 'moment'
<span style={{ display: "inline-block", marginRight: "8px", cursor: 'pointer' }} onClick={() => {
          this.setDate("day")
        }}>今日</span>
        <span style={{ display: "inline-block", marginRight: "8px", cursor: 'pointer' }} onClick={() => {
          this.setDate("week")
        }}>本周</span>
        <span style={{ display: "inline-block", marginRight: "8px", cursor: 'pointer' }} onClick={() => {
          this.setDate("month")
        }}>本月</span>
        <span style={{ display: "inline-block", marginRight: "8px", cursor: 'pointer' }} onClick={() => {
          this.setDate("year")
        }}>全年</span>
 //点击设置日期
  setDate = (type) => {
    this.setState({
      createStartDate: moment().startOf(type).format('YYYY-MM-DD'),
      createEndDate: moment().endOf(type).format('YYYY-MM-DD')
    }, () => {
      this.queryList()
    })
  }