moment日期操作

最新推荐文章于 2024-03-12 13:08:16 发布

a伊雪

最新推荐文章于 2024-03-12 13:08:16 发布

阅读量339

点赞数

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

本文链接：https://blog.csdn.net/u010565037/article/details/126038609

版权

js 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

这段代码展示了如何使用DatePicker.RangePicker组件来设置时间范围。默认设置了最近30天的查询范围，并在用户选择时间时更新since和until的值。在变更时，它会根据用户选择的时间段更新查询条件。

摘要由CSDN通过智能技术生成

 if (!query.get('since') || !query.get('until')) {
      setQuery({
        // since: `${moment().startOf('month').valueOf()}`,
        // until: `${moment().endOf('month').valueOf()}`,
        since: `${moment().subtract(30, "days").valueOf()}`,
        until: `${moment().valueOf()}`,
      });
    }

 <DatePicker.RangePicker
                style={{flex: 1}}
                showTime
                onChange={(x) => {
                  setQuery({
                    since: x && x[0] ? `${x[0].startOf('h').valueOf()}` : '',
                    until: x && x[1] ? `${x[1].endOf('h').valueOf()}` : '',
                  });
                }}
                // defaultValue={[moment().startOf('month'), moment().endOf('month')]}
                value={
                  query.get('since') && query.get('until')
                    ? [moment(Number(query.get('since'))), moment(Number(query.get('until')))]
                    : [moment().subtract(30, "days"), moment()]
                }
              />