【问题标题】:Is there any way to keep date selected on changing Month or Year of the react-datepicker in reactjs?有没有办法在reactjs中更改react-datepicker的月份或年份时选择日期?
【发布时间】:2019-05-22 06:56:25
【问题描述】:

目前,在 react-datepicker 中,我在来宾详细信息表单中使用 DOB 的月份选择器和年份选择器。

发生的事情是:- 所选日期在日历上突出显示,这很好。

我需要实现的内容:- 当我在日历上更改月/年时,我想将所选日期更新为与之前更新的月/年相同的日期。

请帮助我解决任何可能的问题。

我无法找到解决方案。

以下代码是我用于当前 react-datepicker 的代码:

    <DatePicker
        className="date-field ub-l"
        openToDate={new Date("1993/09/28")}
        selected={this.state.date}
        onSelect={this.handleChange}
        onChange={this.handleChange} //only when value has changed
        maxDate={new Date()}
        placeholderText={this.props.placeholder}
        disabledKeyboardNavigation={true}
        showMonthDropdown={true}
        showYearDropdown={true}
        name={this.props.name}
        disabledNavigation
        inputProps={{readOnly: true}}
        dropdownMode="select"
        autocomplete={false}
    />

如果我更改月/年,是否可以在选择任何日期之前使用更新的月/年自动更新所选日期?

【问题讨论】:

    标签: javascript reactjs ecmascript-6 react-datepicker


    【解决方案1】:

    您正在寻找 adjustDateOnChange 属性。它会自动执行您要查找的操作

    <DatePicker
      selected={selectedDate}
      onChange={date => changeDate(date)}
      dropdownMode="select"
      showMonthDropdown
      showYearDropdown
      adjustDateOnChange
    />
    

    Codesandbox

    【讨论】:

    • 谢谢。这正是我想要的。
    • 非常感谢!我没有在任何文档中看到这一点,并且一直在努力解决它。
    猜你喜欢
    • 1970-01-01
    • 2011-11-23
    • 2021-12-15
    • 1970-01-01
    • 1970-01-01
    • 2013-06-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多