DateTime that allows for multiple of both | XM Community
Question

DateTime that allows for multiple of both

H
Badge +1

Hi! I am in the progress of creating a form that will allow people to put in a request to reserve rooms. I am looking for a way to allow the users to select multiple dates with a start and end time for each. I have used flatpickr but cannot figure out how to allow for more than one time for one date. Looking into the documentation it doesn’t appear possible. 

 

The form is based on an older form on an internal website that is no longer being supported. Attached is a photo of the date/time selection portion. If anyone has any insight on the autoselect section it would be appreciated! But right now the multiple dates with two times is priority. 

1 Attachment

3 replies

Deepak
Rank
Userlevel 7
Badge +36

@hurleym You would need to have some customization in JS but flatpickr does allow multiple dates selection. Check below link

Examples - flatpickr

{
    mode: "multiple",
    dateFormat: "Y-m-d"
}
H
Badge +1

@Deepak Yes I did get that far with the new form. I am looking for a tool that allows for both multiple dates with multiple times for each date. 

Deepak
Rank
Userlevel 7
Badge +36

@hurleym Using this should allow for both I think. But with separate calendars.

  mode: "multiple", // Allow multiple date selections
        enableTime: true, // Enable time picker
        dateFormat: "Y-m-d H:i", // Date format
        time_24hr: true // 24-hour format

 

Leave a Reply


Terms & Conditions