ReactJS Datepicker - 我希望datepicker从本月起开始

时间:2017-07-21 15:10:25

标签: reactjs datepicker momentjs react-datepicker

如何使LSApplicationQueriesSchemes只显示从本月开始的日期(无日期)。

2 个答案:

答案 0 :(得分:1)

这不是我试图做的,而是快速修复。

我使用ReactJS Datepicker

中的includeDates={this.state.includeDates}

我制作了一个自定义函数来打印从今天开始的日子,然后我将它保存在一个数组中,然后传递给反应状态excludeDates: [''], 只有那些日子才可以点击。

let fromDate = moment();
let toDate = moment().add(24, 'months'); //including only days starting from today untill 2 year
            for (let i = 0; i < moment(toDate).diff(fromDate, 'days') + 1; i++) {
                state.includeDates.push(moment(fromDate).add(i, 'days'));

} 

感谢你!希望它可以帮助某人。

答案 1 :(得分:1)

您可以使用'month'参数获取minDate参数,以获取该月的第一天并将其传递给<DatePicker selected={this.state.startDate} onChange={this.handleChange} minDate={moment().startOf('month')} /> 选项,以使日期选择器仅启用当前开头的日期月:

<DatePicker
  selected={this.state.startDate}
  onChange={this.handleChange}
  minDate={moment().startOf('day')}
/>

如果您只想启用未来日期,只需从链接示例中删除maxDate选项,即可使用以下代码:

withRouter()