反应选择显示日期

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"
  }
];

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
    });
}