Add date range selector to calendar events
This commit is contained in:
217
assets/css/datepicker.css
Executable file
217
assets/css/datepicker.css
Executable file
File diff suppressed because one or more lines are too long
@@ -523,6 +523,30 @@ jQuery(document).ready(function($){
|
||||
}
|
||||
});
|
||||
|
||||
// Datepicker
|
||||
$(".sp-datepicker-from").datepicker({
|
||||
dateFormat : "yy-mm-dd",
|
||||
onClose: function( selectedDate ) {
|
||||
$(this).closest(".sp-date-selector").find(".sp-datepicker-to").datepicker("option", "minDate", selectedDate);
|
||||
}
|
||||
});
|
||||
$(".sp-datepicker-to").datepicker({
|
||||
dateFormat : "yy-mm-dd",
|
||||
onClose: function( selectedDate ) {
|
||||
$(this).closest(".sp-date-selector").find(".sp-datepicker-from").datepicker("option", "maxDate", selectedDate);
|
||||
}
|
||||
});
|
||||
|
||||
// Show or hide datepicker
|
||||
$(".sp-date-selector select").change(function() {
|
||||
if ( $(this).val() == "range" ) {
|
||||
$(this).closest(".sp-date-selector").find(".sp-date-range").show();
|
||||
} else {
|
||||
$(this).closest(".sp-date-selector").find(".sp-date-range").hide();
|
||||
}
|
||||
});
|
||||
$(".sp-date-selector select").trigger("change");
|
||||
|
||||
// Fitvids
|
||||
$(".sp-fitvids").fitVids();
|
||||
});
|
||||
@@ -14,4 +14,13 @@ jQuery(document).ready(function($){
|
||||
$el.show();
|
||||
});
|
||||
|
||||
// Show or hide datepicker
|
||||
$("body").on("change", ".sp-date-selector select", function() {
|
||||
if ( $(this).val() == "range" ) {
|
||||
$(this).closest(".sp-date-selector").find(".sp-date-range").show();
|
||||
} else {
|
||||
$(this).closest(".sp-date-selector").find(".sp-date-range").hide();
|
||||
}
|
||||
});
|
||||
$(".sp-date-selector select").trigger("change");
|
||||
});
|
||||
Reference in New Issue
Block a user