Елемент керування DatePicker дозволяє користувачеві вибрати дату, ввівши її в текстове поле або використовуючи розкривне меню Календар. Багато властивостей елемента керування DatePicker призначені для керування його вбудованим календарем і функціонують ідентично еквівалентній властивості в календарі.
react-datepicker — це легка бібліотека з багатьма функціями. Щоб створити простий засіб вибору дати React, все, що вам потрібно зробити, це імпортувати спеціальний компонент і встановити два параметри. Розширені функції потребують трохи більше часу.
Щоб додати до документа інструмент вибору дати (календар, який можна натиснути), на вкладці «Розробник» клацніть елемент керування вмістом засобу вибору дати. у групі Елементи керування. Якщо вкладка «Розробник» не відображається на стрічці, увімкніть її, клацнувши «Файл», «Параметри», «Налаштувати стрічку», а потім установіть прапорець «Розробник» на правій панелі.
Натисніть F4, щоб відкрити аркуш властивостей, якщо він ще не відкритий. На вкладці «Усі» аркуша властивостей переконайтеся, що для властивості «Показати вибір дати» встановлено значення «Для дат». На вкладці «Дані» аркуша властивостей введіть =Date() у властивості «Значення за замовчуванням» для поля.
Вставте засіб вибору дати в шаблон форми, який базується на наявному джерелі даних
- У шаблоні форми помістіть курсор у те місце, де потрібно вставити елемент керування.
- Якщо панель завдань «Елементи керування» не відображається, клацніть «Інші елементи керування» в меню «Вставлення» або натисніть ALT+I, C.
- У розділі «Вставити елементи керування» клацніть «Вибір дати».