84 lines
1.6 KiB
JavaScript
84 lines
1.6 KiB
JavaScript
// **------01 basic-date**
|
|
config = {
|
|
enableTime: false,
|
|
}
|
|
flatpickr(".basic-date",config);
|
|
|
|
// **------02 time-picker**
|
|
timepicker = {
|
|
enableTime: true,
|
|
dateFormat: "Y-m-d H:i",
|
|
}
|
|
flatpickr(".time-picker",timepicker);
|
|
|
|
// **------03 date-time-picker**
|
|
datetimepicker = {
|
|
enableTime: true,
|
|
noCalendar: true,
|
|
dateFormat: "H:i",
|
|
}
|
|
flatpickr(".date-time-picker",datetimepicker);
|
|
|
|
// **------ 04 picker-range**
|
|
pickerrange = {
|
|
mode: "range"
|
|
}
|
|
flatpickr(".picker-range",pickerrange);
|
|
|
|
|
|
// **------05 human-friendly-dates**
|
|
|
|
humanfriendlydates = {
|
|
altInput: true,
|
|
altFormat: "F j, Y",
|
|
dateFormat: "Y-m-d",
|
|
}
|
|
flatpickr(".human-friendly-dates",humanfriendlydates);
|
|
|
|
// **------06 multiple-dates**
|
|
|
|
Multipledates= {
|
|
mode: "multiple",
|
|
dateFormat: "Y-m-d"
|
|
}
|
|
flatpickr(".multiple-dates",Multipledates);
|
|
|
|
// **------ 07 week-numbers**
|
|
|
|
weeknumbers= {
|
|
weekNumbers: true,
|
|
}
|
|
flatpickr(".week-numbers",weeknumbers);
|
|
|
|
|
|
// **------ 08 hour-time-picker**
|
|
|
|
hourtimepicker= {
|
|
enableTime: true,
|
|
noCalendar: true,
|
|
dateFormat: "H:i",
|
|
time_24hr: true
|
|
}
|
|
flatpickr(".hour-time-picker",hourtimepicker);
|
|
|
|
// **------ 09 time-picker-limits**
|
|
|
|
timepickerlimits= {
|
|
enableTime: true,
|
|
noCalendar: true,
|
|
dateFormat: "H:i",
|
|
minTime: "16:00",
|
|
maxTime: "22:30",
|
|
}
|
|
flatpickr(".time-picker-limits",timepickerlimits);
|
|
|
|
// **------ 10 inline**
|
|
|
|
Inline= {
|
|
enableTime: true,
|
|
noCalendar: true,
|
|
dateFormat: "H:i",
|
|
}
|
|
flatpickr(".inline",Inline);
|
|
|