限制

最小和最大日期

將可選日期限制在特定範圍內。

import { useState } from "react";
import { DateTimePicker } from "react-date-range-picker-tailwind3";

function MinMaxDate() {
  const [value, setValue] = useState<Date | null>(null);

  const today = new Date();
  const minDate = new Date(today.getFullYear(), today.getMonth(), 1);
  const maxDate = new Date(today.getFullYear(), today.getMonth() + 1, 0);

  return <DateTimePicker value={value} onChange={setValue} minDate={minDate} maxDate={maxDate} />;
}