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

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

根據(jù)一天顯示不同的時(shí)間

根據(jù)一天顯示不同的時(shí)間

慕哥6287543 2023-04-01 15:50:46
我試圖根據(jù)日期排除不同的時(shí)間，但無(wú)論我選擇什么日期，時(shí)間都被禁用。例如，如果我選擇 9 月 28 日，則應(yīng)禁用 12 點(diǎn)鐘。如果我選擇 10 月 3 日，那么下午 1 點(diǎn)應(yīng)該被禁用，但是 12 和 1 從一開(kāi)始就被禁用，并且無(wú)論我選擇什么日期都保持這種狀態(tài)。https://hacker0x01.github.io/react-datepicker  const isSunday = (date) => {    const day = getDay(date);    return day !== 0;  };  let excluded = [    {      time: "12",      date: "28/09/2020",    },    {      time: "13",      date: "03/10/2020",    },  ];    <DatePickerField      filterDate={isSunday}      minTime={new Date(new Date().setHours(8, 0, 0))}      maxTime={new Date(new Date().setHours(17, 0, 0))}      excludeTimes={excluded.map((exclude, index) => {        return setHours(          setMinutes(new Date(), 0),          parseInt(exclude.time)        );      })}      timeIntervals={60}      maxDate={addDays(new Date(), 3)}      dateFormat="d/M/Y HH:mm"      timeFormat="HH:mm"      name="time-to-contact"      label="Required Date *"    />
查看完整描述

1 回答

?
滄海一幻覺(jué)

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

問(wèn)題是你總是返回excluded道具excludeTimes。只有選擇的日期是日期才需要返回時(shí)間。類(lèi)似的東西應(yīng)該工作。（const [value, setValue] = useState();也通過(guò)添加）。


<DatePickerField

  filterDate={isSunday}

  minTime={new Date(new Date().setHours(8, 0, 0))}

  maxTime={new Date(new Date().setHours(17, 0, 0))}

  excludeTimes={excluded.map((exclude) => {

    const excDate = new Date(exclude.date);

    if (

      value &&

      excDate.getDate() === value.getDate() &&

      excDate.getFullYear() === value.getFullYear() &&

      excDate.getMonth() === value.getMonth()

    ) {

      return new Date(new Date().setHours(exclude.time, 0, 0));

    }

    return null;

  })}

  timeIntervals={60}

  maxDate={addDays(new Date(), 3)}

  dateFormat="d/M/Y HH:mm"

  timeFormat="HH:mm"

  name="time-to-contact"

  label="Required Date *"

  onChange={(e) => {

    setValue(new Date(e));

  }}

  selected={value}

    />

此外，您的日期格式不適合 JS，應(yīng)該是：


  const excluded = [

    {

      time: "12",

      date: "09/28/2020"

    },

    {

      time: "13",

      date: "10/03/2020"

    }

  ];

這是一個(gè)工作示例的鏈接： https: //codesandbox.io/s/competent-smoke-4nv1e ?file=/src/App.js


要為特定日期（比如星期一）添加排除時(shí)間，您可以使用以下命令：


const excluded = [

  {

    time: "12",

    day: 1

  }, 

]

并將道具設(shè)置為：


excludeTimes={excluded.map((exclude) => {

  if (value && value.getDay() === exclude.day) {

    return new Date(new Date().setHours(exclude.time, 0, 0));

  }

  return null;

})}


查看完整回答
反對(duì) 回復(fù) 2023-04-01
  • 1 回答
  • 0 關(guān)注
  • 155 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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