【问题标题】:Previous Date get selected of min date react-datepicker从最小日期中选择上一个日期 react-datepicker
【发布时间】:2019-03-15 09:16:33
【问题描述】:

我使用过 minDate={moment(new Date('1-01-1970'))} 但我可以选择 1969 年 12 月 31 日。 在能够选择上一个日期的反应日期选择器中设置任何最小日期。 我正在使用反应日期选择器 npm 链接https://www.npmjs.com/package/react-datepicker

任何解决方案。

<DatePicker
    ref="drvDatePicker"
    utcOffset={utcOffset}
    className="date-picker"
    popperClassName="drv-datepicker-popper"
    onChange={input ? value => input.onChange(value) : undefined}
    onClickOutside={this.onClickOutside}
    minDate={moment(new Date('1-01-1970'))}
/>

【问题讨论】:

  • 只需删除moment()new Date('1-01-1970')
  • 你试过设置最小日期+1吗?不是一个优雅的解决方案,但它应该可以工作
  • 1-01-1970Date 构造函数的无效字符串。尝试例如2-01-1970 看到是这样的。你想要YYYY-MM-DD,例如1970-01-02。日期选择器还需要一个 Date 对象,而不是片刻。
  • 日期对象不适用于我的日期选择器版本我使用的是 1.6 版本。

标签: javascript reactjs react-redux react-datepicker


【解决方案1】:

我使用的是 1.6 版本,无法升级版本 设置最小日期 +1 天。

    <DatePicker
        ref="drvDatePicker"
        utcOffset={utcOffset}
        className="date-picker"
        popperClassName="drv-datepicker-popper"
        onChange={input ? value => input.onChange(value) : undefined}
        onClickOutside={this.onClickOutside}
        minDate={moment(new Date('02-01-1970'))}
    />

【讨论】:

    【解决方案2】:

    根据this part的描述,你不再需要moment了:

    在 1.8.0 版之前,此软件包使用 Moment.js。从 v2.0.0 开始,我们切换到使用原生 Date 对象来减小包的大小。

    【讨论】:

    • 我使用的是 1.6 版本,由于硬依赖无法升级版本
    • 这些信息一开始会很好。试试moment('1-01-1970', 'D-MM-YYYY')
    【解决方案3】:
    <DatePicker
        ref="drvDatePicker"
        utcOffset={utcOffset}
        className="date-picker"
        popperClassName="drv-datepicker-popper"
        onChange={input ? value => input.onChange(value) : undefined}
        onClickOutside={this.onClickOutside}
        minDate={new Date('1-01-1970')}
    />
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-12-06
      • 2015-10-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多