反应选择显示日期

时间:2018-11-29 05:22:59

标签: reactjs react-select

enter image description here

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

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

1 个答案:

答案 0 :(得分:0)

您可以轻松地在组件中创建状态并使用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
    });
}