Как использовать Диалог для вывода предупреждения пользователю на странице?

Постановка задачи: необходимо реализовать на пользовательской странице Карточки проверки всплывающее Диалоговое окно с предупреждением о некорректном заполнении пользователем Дат проведения проверки (дата начала проверки и дата окончания проверки). Вывод Диалога предупреждения и проверка корректности введенных пользователем значений в поле дат должны осуществляться согласно условию, что Дата окончания проверки не должна быть раньше Даты начала проверки, и Дата начала проверки не должна быть позднее Даты окончания проверки, соответственно. В случае некорректного заполнения одной из Дат, помимо вывода всплывающего Диалогового окна, введенная пользователем Дата должна очищаться.

Элементы на странице должны иметь следующие настройки:

• Дата (с возможностью сохранения) №1:
  надпись -Дата начала проверки
  формат - Дата
  введенноепользователем значение должно сохраняться в базу данных
• Дата (с возможностью сохранения) №2:
  надпись -Дата окончания проверки
  формат-Датавведенноепользователем значение должно сохраняться в базу данных
• Диалог вывода предупреждения №1:
  элемент Текст -Дата начала проверки не должна быть позднее Даты окончания проверки
  кнопка закрытия Диалога - Ок
  диалог должен быть скрыт по умолчанию, его видимость будет регулироваться с помощью Обработчика событий
• Диалог вывода предупреждения №2:
  элемент Текст-Дата окончания проверки не должна быть раньше Даты начала проверкикнопка закрытия Диалога- Окдиалог должен быть скрыт по умолчанию, его видимость будет регулироваться с помощью Обработчика событий

**Решение задачи:**предполагается, чтостраница Карточка проверки уже создана бизнес-аналитиком, где имеется основная компонента Форма, в структуру сущностей которой включена необходимая таблица, куда будут сохраняться введенные пользователем значения. Для добавления на страницу полей с Датами и Диалоговых окон необходимосделать следующее:

• добавить внутрь Формы два элемента Дата (с возможностью сохранения) (рис.1, рис.2, рис.3)
  

рис.1 Добавление Дат на Форму

рис.2 Настройка элемента Дата начала проверки

рис.3 Настройка элемента Дата окончания проверки

• добавить внутрь Формы первое Диалоговое окно со вложенными элементами Текст и Кнопка, которое будет отображаться при условии: Дата окончания проверки не должна быть раньше Даты начала проверки (рис.4, рис.5, рис.6)
  
  рис.4 Диалог с проверкой корректности Даты окончания проверки
  рис.5 Текст с предупреждением для пользователя
  рис.6 Кнопка закрытия Диалога
• добавить Обработчик событий, где регулируется видимость Диалога, всплывающего в случае, еслиДата окончания проверкираньшеДаты начала проверки и очищается значение поля Дата окончания проверки при выполнении этого условия(рис.7)
• добавить Обработчик событий, с помощью которого выполняется закрытие Диалога с проверкой Даты окончания при нажатии на Кнопку внутри Диалога (рис.8)

рис.7 Настройка Обработчика событий для отображения Диалога
рис.8 Настройка Обработчика событий для закрытия Диалога

• добавить внутрь Формы второе Диалоговое окно со вложенными элементами Текст и Кнопка, которое будет отображаться при условии: Дата начала проверкине должна быть позднее Даты окончания проверки (рис.9, рис.10, рис.11)
  
  рис.9 Диалог с проверкой корректности Даты начала проверки
  рис.10 Текст с предупреждением для пользователя
  рис.11 Кнопка закрытия Диалога
• добавить О бработчик событий, где регулируется видимость Диалога, всплывающего в случае, если Дата начала проверки позднее Даты окончания проверкии очищается значение поля Дата начала проверки при выполнении этого условия (рис.12)
• добавить Обработчик событий, с помощью которого выполняется закрытие Диалога с проверкой Даты начала при нажатии на Кнопку внутри Диалога (рис.13)

  
  рис.12 Настройка Обработчика событий для отображения Диалога
  рис.13 Настройка Обработчика событий для закрытия Диалога

Результат выполнения задачи:

После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи выполнены: на странице отображается два элемента Дата начала проверки и Дата окончания проверки (рис.14). В случае некорректного заполнения пользователем одного из этих полей (в любом порядке), автоматически срабатывает проверка по условиям, заданным в Обработчиках событий, и всплывает Диалоговое окно с предупреждением о допущенной ошибке (рис.15, рис.16).

рис.15 Вывод Диалогового окна при некорректном заполнении Даты начала проверки

рис.14.Визуальное отображение элементов с Датами на странице
рис.16 Вывод Диалогового окнапри некорректном заполнении Даты окончания проверки