Last active
February 10, 2020 19:27
-
-
Save rahulhaque/e183944360e00391cff69c7f091dc206 to your computer and use it in GitHub Desktop.
Datetimepicker format sheet for - https://eonasdan.github.io/bootstrap-datetimepicker/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Datetimepicker format sheet for - | |
// https://eonasdan.github.io/bootstrap-datetimepicker/ | |
// Vanilla datetimepicker | |
$('.datetimepicker').datetimepicker({ | |
format: 'YYYY-MM-DD LT', | |
defaultDate: moment().toISOString() | |
}); | |
// Only datepicker | |
$('.datepicker').datetimepicker({ | |
format: 'YYYY-MM-DD', | |
defaultDate: moment().toISOString() | |
}); | |
// Only yearpicker min value | |
$('.yearpicker-min').datetimepicker({ | |
useCurrent: false, | |
format: 'YYYY', | |
minDate: moment().toISOString(), | |
defaultDate: moment().toISOString() | |
}); | |
// Only yearpicker max value | |
$('.yearpicker-max').datetimepicker({ | |
useCurrent: false, | |
format: 'YYYY', | |
maxDate: moment().toISOString(), | |
defaultDate: moment().toISOString() | |
}); | |
// Datepicker min date today | |
$('.datepicker-min-today').datetimepicker({ | |
useCurrent: false, | |
format: 'YYYY-MM-DD', | |
minDate: moment().toISOString(), | |
defaultDate: moment().toISOString() | |
}); | |
// Datepicker max date today | |
$('.datepicker-max-today').datetimepicker({ | |
useCurrent: false, | |
format: 'YYYY-MM-DD', | |
maxDate: moment().toISOString(), | |
defaultDate: moment().toISOString() | |
}); | |
// Datetimepicker min date today | |
$('.datetimepicker-min-today').datetimepicker({ | |
useCurrent: false, | |
format: 'YYYY-MM-DD LT', | |
minDate: moment().toISOString(), | |
defaultDate: moment().toISOString() | |
}); | |
// Datetimepicker max date today | |
$('.datetimepicker-max-today').datetimepicker({ | |
useCurrent: false, | |
format: 'YYYY-MM-DD LT', | |
maxDate: moment().toISOString(), | |
defaultDate: moment().toISOString() | |
}); | |
// Only timepicker | |
$('.timepicker').datetimepicker({ | |
format: 'LT', | |
defaultDate: moment().toISOString() | |
}); | |
// Only yearpicker | |
$('.yearpicker').datetimepicker({ | |
format: 'YYYY', | |
defaultDate: moment().toISOString() | |
}); | |
// Vanilla datetimepicker range select | |
$('.datetimepicker-start').datetimepicker({ | |
format: 'YYYY-MM-DD LT', | |
}); | |
$('.datetimepicker-end').datetimepicker({ | |
format: 'YYYY-MM-DD LT', | |
useCurrent: false //Important! See issue #1075 | |
}); | |
$('.datetimepicker-start').on("dp.change", function (e) { | |
$('.datetimepicker-end').data("DateTimePicker").minDate(e.date); | |
}); | |
$('.datetimepicker-end').on("dp.change", function (e) { | |
$('.datetimepicker-start').data("DateTimePicker").maxDate(e.date); | |
}); | |
// Vanilla datepicker range select | |
$('.datepicker-start').datetimepicker({ | |
format: 'YYYY-MM-DD', | |
}); | |
$('.datepicker-end').datetimepicker({ | |
format: 'YYYY-MM-DD', | |
useCurrent: false //Important! See issue #1075 | |
}); | |
$('.datepicker-start').on("dp.change", function (e) { | |
$('.datepicker-end').data("DateTimePicker").minDate(e.date); | |
}); | |
$('.datepicker-end').on("dp.change", function (e) { | |
$('.datepicker-start').data("DateTimePicker").maxDate(e.date); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment