Русские Блоги
Ограничения выбора Antd RangePicker — 30 дней, динамические отключения других дат
Заявление о потребностях:
Динамически отключите время вне диапазона в соответствии с выбранным временем. Коробка выбора времени RangePicker может выбирать только сегодня и до 30 дней.
Например: текущее время составляет 2020-07-30, сначала нужно отключить время после 2020-07-30;
Выбранное время 2020-05-01, вам нужно отключить 2020-05-31 и 2020-04-01 время до 2020-04-01, чтобы убедиться, что вы можете выбрать только данные, доступные до 31 дней.
Ввод в поле «Дата выбора страницы» по умолчанию до последнего месяца, сегодняшнее время отключено; выберите время начала, динамически отключить 30-дневный интервал;
Отключить дату и время для antd DatePicker
У меня есть значение начального и конечного времени в моем состоянии.
Требование состоит в том, чтобы не позволить пользователю выбирать что-либо в начале времени, которое находится после окончания времени. Также пользователь не должен иметь возможность выбирать время окончания, которое находится до начала времени.
Можно ли это сделать с помощью disabledDate и disabledTime? Есть ли другая рекомендация.
2 ответа
Да, вы можете использовать disabledTime для удовлетворения требований. Когда пользователь устанавливает startTime ; в обработчике onStartTimeChange ; установите для параметра endTimerDisabledTime состояние endTimer для работы с (и наоборот, поэтому, когда пользователь сначала устанавливает endTime , вы должны установить соответствующий startTimerDisabledTime в обработчике onEndTimeChange )
Для отключения дат может использоваться функция disabledDate . Это не работает так же, как disabledTime хотя и ожидает, что вы передадите функцию, которая возвращает логическое значение для включения/отключения даты.
Disable date and time for antd DatePicker
Requirement is to not allow user to pick anything in Start time which is after end time. Also user should not be able to choose end time which is before start time.
Can this be achieved using disabledDate and disabledTime? Is there any other recommendation.
8 Answers 8
Yes, you could use disabledTime to meet the requirements. When a user sets the startTime ; in your onStartTimeChange handler; set a endTimerDisabledTime state for your endTimer to work with (and vice versa; so when a user first sets the endTime ; you should set an appropriate startTimerDisabledTime in your onEndTimeChange handler)
For disabling dates, the disabledDate prop can be used. This doesn’t work the same way as disabledTime though and expects you to pass a function that returns a boolean to enable/disable the date.
Отключить выходные дни в datepicker [duplicate]
Для быстрого практического устранения неполадок, я обычно предлагаю здесь на SO:
, который должен быть вставлен в начале сценария, который находится под устранением неполадок. Это не идеально, идеальным вариантом является то, что вы также включаете это в php.ini и регистрируете ошибки в PHP, чтобы уловить синтаксис и ошибки при запуске.
В приведенных здесь настройках отображаются все ошибки, уведомления и предупреждения, в том числе строгие, независимо от того, какая версия PHP.
- Установите Xdebug и включите удаленную отладку с помощью IDE.
- Отчеты об ошибках (PHP правильно).
- Предопределенные константыДоки
- error_reporting() Документы
- display_errors Документы
11 ответов
Существует опция beforeShowDay , которая принимает функцию для вызова для каждой даты, возвращая значение true, если дата разрешена или false, если это не так. Из документов:
Функция принимает дату как параметр и должна возвращать массив с [0] равным true / false, указывающий, будет ли эта дата выбирается и 1 , равным имени (-ам) класса CSS или » для представления по умолчанию.
Показывает некоторые национальные праздники в datepicker.
Существует одна встроенная функция, называемая noWeekends, которая предотвращает выбор дней выходных дней.
Чтобы объединить два, вы могли бы сделать что-то вроде (если предположить, что функция nationalDays сверху):
Обновление: обратите внимание, что с jQuery UI 1.8.19 опция beforeShowDay также принимает дополнительный третий пареметр, всплывающую всплывающую подсказку