Capital Airport Group Project Task 7040

Requirement: The start date is always less than or equal to the end date



(Capital Airport Group project: VUE code is divided into => Template: page display content, created initialization, returned result, custom method)

1. Bind a change event that is triggered when related elements change (used to listen for the start time to ensure that the start time changes with the end date)

2. PickerOptions is an attribute provided for elementUI that controls when the date is disabled. This is used to control the end date so that the portion of the end date less than the start date remains disabled. 1. In the returned result, disable the date using the attribute provided by Element UI => Disable the date using disabledDate Set the time range for disabling:The time currently entered, converted in units (ms) before a day is all disabled

Start time selection: after the end time is disabled, the start time is monitored to ensure that the start time will automatically change when the end time is set to meet requirements The method called in the previous binding event is defined here, defining the parameters. Set the start time to a parameter. After the end time is set (entered by the user), compare the start time with the end time. If the start time is larger than the end time, set the end time to the start time.When the start time is greater than the current end time, actively assign the end time to adjust the two to be consistent.