monent的工具，本周本月上周上月的第一天-最后一天

原创已于 2023-12-28 16:10:07 修改 · 544 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

monent

于 2023-02-28 15:28:32 首次发布

该代码段展示了如何利用moment.js库获取本周、本月、上周和上月的第一天和最后一天。它还涉及到在表单中使用日期范围选择器(a-range-picker)，并处理日期选择的变更事件。在搜索重置函数中，设置了默认值为当前月份的范围。

      // 本周：第一天-最后一天
      let sDate_thisWeek = moment().weekday(0)
      let eDate_thisWeek = moment().weekday(6)

      // 本月：第一天-最后一天
      let sDate_thisMonth = moment().startOf('month')
      let eDate_thisMonth = moment().endOf('month')

      // 上周：第一天-最后一天
      let sDate_lastWeek = moment().subtract(1, 'week').startOf('week')
      let eDate_lastWeek = moment().subtract(1, 'week').endOf('week')

      // 上周：第一天-最后一天
      let sDate_lastMonth = moment().subtract(1, 'months').startOf('month')
      let eDate_lastMonth = moment().subtract(1, 'months').endOf('month')

 <a-form-item label="产生时间">
              <!-- <j-date placeholder="请选择记录产生时间" v-model="queryParam.workDate"></j-date> -->
              <a-range-picker format="YYYY-MM-DD"
                              v-model="defaultValue"
                              :placeholder="['开始时间', '结束时间']"
                              :allowClear="true"
                              @change="onCreateDateOk" />
 </a-form-item>

import moment from 'moment'
import { dateFormat } from '@/utils/myTools'
 searchReset () {
      let s = moment().startOf('month')
      let e = moment().endOf('month')
      console.log(s, e);
      // console.log(moment().startOf('month'), 'YYYY-mm-dd 00:00:00');
      this.queryParam = {
        beginTime: dateFormat(new Date(moment().startOf('month')), 'YYYY-mm-dd 00:00:00'),
        endTime: dateFormat(new Date(moment().endOf('month')), 'YYYY-mm-dd 00:00:00'),
      }
      this.defaultValue = [s, e]
      this.loadData(1);
    },