reactjs - 反应选择显示日期选择

Question

我正在使用react-select，我需要根据所选值显示日期，以下是我正在使用的选项。

const dueOptions =  [
  {
    value : 1,
    label : "Today"
  },{
    value : 15,
    label : "After 15 days"
  },{
    value : 30,
    label : "After 30 days"
  },{
    value : 31,
    label : "Custom"
  }
];

标签： reactjsreact-select

Answer 1

您可以轻松地在组件中创建状态并使用 Moment js

state={
   selected_date:""
}

然后每次使用类似 onChange 的功能在 react-select 更改时更新状态

这是功能

showDate = (selectedValue) => {
    var toDay = moment(new Date()).format("DD/MM/YYYY")
    var newDate = moment(toDay, "DD-MM-YYYY").add(selectedValue, 'days');
    this.setState({
        selectedDate:newDate
    });
}