Получить Specifi c Даты из Массива дат в React Datetime - PullRequest
Новая
       20

Получить Specifi c Даты из Массива дат в React Datetime

0 голосов
/ 27 апреля 2020

Кто-нибудь знает, как я могу передать массив дат реагировать-дата-время? Я пытаюсь реализовать средство выбора даты, которое может отображать «забронированные» даты из моего состояния, но в настоящее время мне удалось отключить только все дни до текущего. Итак, как я могу передать даты в моем штате на <Datetime/>, чтобы отключить их? 

 'use strict';

import React       from 'react';
import {PropTypes} from 'prop-types';
import Datetime    from 'react-datetime';

class DatePicker extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            dates: [{id: 1, date: 'Apr 30 2020 09:00:00 AM'}, {id: 2, date: 'May 1 2020 12:00:00 PM'}]
        };

    }

    render() {
        const {t} = this.props;

        let yesterday = Datetime.moment().subtract(1, 'day');

        let valid = function (current) {
            return current.isAfter(yesterday);
        };

        return (
            <div className="date-picker">
                <p>{t('Date Picker')}</p>

                <Datetime timeFormat={false} isValidDate={valid(yesterday)}/>

            </div>
        );
    }
}

export default DatePicker;

1 Ответ

0 голосов
/ 27 апреля 2020

Ну, во-первых, что-то не так с вашим форматом даты в состоянии. Попробуйте установить даты, используя момент 

this.state = {
   dates: [{
    id: 1,
    date: Datetime.moment("30 Apr 2020")
  },
  {
    id: 2,
    date: Datetime.moment("01 May 2020")
  }]
}

И ваша функция проверки должна выглядеть примерно так, или вы можете извлечь ее в метод класса 

  let valid = function(current, selected) {
    return !this.state.dates.some(day => current.isSame(day.date, "day"));
  };

и передать эту функцию в Datetime 

<Datetime timeFormat={false} isValidDate={valid}/>
...