第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

從 React Datetime 中的日期數(shù)組中獲取特定日期

從 React Datetime 中的日期數(shù)組中獲取特定日期

湖上湖 2022-07-21 10:16:37
有誰知道我如何將一組日期傳遞給 react-datetime?我正在嘗試實(shí)現(xiàn)一個(gè)日期選擇器,它可以顯示我所在州的“預(yù)訂”日期,但目前我只設(shè)法禁用當(dāng)前日期之前的所有日期。那么如何將我所在州的日期傳遞給<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 回答

?
躍然一笑

TA貢獻(xiàn)1826條經(jīng)驗(yàn) 獲得超6個(gè)贊

首先,您的狀態(tài)日期格式有問題。嘗試使用時(shí)刻設(shè)置您的日期


this.state = {

   dates: [{

    id: 1,

    date: Datetime.moment("30 Apr 2020")

  },

  {

    id: 2,

    date: Datetime.moment("01 May 2020")

  }]

}

您的驗(yàn)證函數(shù)應(yīng)該看起來像這樣,或者您可以將其提取到類方法中


  let valid = function(current, selected) {

    return !this.state.dates.some(day => current.isSame(day.date, "day"));

  };

并將此函數(shù)傳遞給 Datetime


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


查看完整回答
反對(duì) 回復(fù) 2022-07-21
  • 1 回答
  • 0 關(guān)注
  • 199 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)