antd — это популярный набор компонентов и инструментов для разработки пользовательского интерфейса на языке JavaScript. Он включает в себя множество готовых компонентов, в том числе и календарь, который можно легко интегрировать в свой проект. Однако, по умолчанию в календаре antd выходные дни обозначаются цветом и недоступны для выбора. Если вам нужно отключить выходные дни в календаре antd, то в этой статье я подробно расскажу вам, как это сделать.
Для отключения выходных дней в календаре antd, вам потребуется использовать компонент DatePicker и настроить его свойства. Во-первых, вам нужно задать свойство disabledDate, которое позволяет отключить конкретные дни. Возвращаемое значение функции должно быть истинным для дней, которые нужно отключить. Для этого можно воспользоваться методом isWeekend из библиотеки moment, который позволяет проверить, является ли день выходным.
import { DatePicker } from ‘antd’;
import moment from ‘moment’;
const disabledDate = (current) => {
return moment(current).day() === 0