antd RangePicker的时间范围设置问题

发布于 2022-09-12 23:30:31 字数 1032 浏览 19 评论 0

有一个这样的日期时间选择需求,进入页面的时候默认显示当前日期的0点整到当前小时,比如现在是10点,那显示的日期时间就是2021-04-29 00 - 2021-04-29 10,然后当选择某一天时,变成2021-04-01 00 - 2021-04-01 23这样,然后还可以选择其它时间点。

也就是说默认显示当天的零点到当前时间,然后选择某一天时,时间点默认变成0点到23点,如果需要设置其它时间点的时候再去选择image.png

<Form.Item label={"查询时间:"}>
    {getFieldDecorator("queryTime", {
      initialValue: [moment().startOf('d'), moment(currentDate, "YYYY-MM-DD HH:00")],
      rules: [
        {
          required: true,
          message: "请选择查询时间"
        }
      ]
    })(
      <RangePicker
        showTime
        format="YYYY-MM-DD HH:00"
        placeholder={['开始时间', '结束时间']}
        ranges={{
          '今天': [moment().startOf('d'), moment().endOf('d')],
          '这个月': [moment().startOf('month'), moment().endOf('month')],
        }}
      //onChange={onChange}
      />
    )}
  </Form.Item>

现在的问题就是设置了initailValue为0点到当前时间之后,再选择其它日期,还是默认的0点到当前时间,请问怎么变成0点到23点然后还可以选择其它时间点呢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

横笛休吹塞上声 2022-09-19 23:30:31

你得写程序告诉他,因为RangePicker也不知道你的业务逻辑,你可以在onChange事件里写判断来设置时间

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文