Skip to content

Instantly share code, notes, and snippets.

@rahulhaque
Last active February 10, 2020 19:27
Show Gist options
  • Save rahulhaque/e183944360e00391cff69c7f091dc206 to your computer and use it in GitHub Desktop.
Save rahulhaque/e183944360e00391cff69c7f091dc206 to your computer and use it in GitHub Desktop.
Datetimepicker format sheet for - https://eonasdan.github.io/bootstrap-datetimepicker/
// 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