mirror of
https://github.com/gosticks/DefinitelyTyped.git
synced 2025-10-16 12:05:41 +00:00
98 lines
2.2 KiB
TypeScript
98 lines
2.2 KiB
TypeScript
import * as moment from 'moment';
|
|
import * as EonasdanBootstrapDatetimepicker from 'eonasdan-bootstrap-datetimepicker';
|
|
|
|
// Minimum Setup
|
|
$("#datetimepicker1").datetimepicker();
|
|
|
|
// Using Locales
|
|
$("#datetimepicker2").datetimepicker({
|
|
locale: "ru"
|
|
});
|
|
|
|
// Custom Formats
|
|
$("#datetimepicker3").datetimepicker({
|
|
format: "LT"
|
|
});
|
|
|
|
// Enabled/Disabled Dates
|
|
$("#datetimepicker5").datetimepicker({
|
|
defaultDate: "11/1/2013",
|
|
disabledDates: [
|
|
moment("12/25/2013"),
|
|
new Date(2013, 11 - 1, 21),
|
|
"11/22/2013 00:53"
|
|
]
|
|
});
|
|
|
|
// Enabled/Disabled Hours
|
|
$("#datetimepicker").datetimepicker({
|
|
format: "LT",
|
|
enabledHours: [9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
|
|
});
|
|
|
|
// Linked Pickers
|
|
$("#datetimepicker7").datetimepicker({
|
|
useCurrent: false
|
|
});
|
|
$("#datetimepicker6").on("dp.change", function (e) {
|
|
$("#datetimepicker7").data("DateTimePicker").minDate(e.date);
|
|
});
|
|
$("#datetimepicker7").on("dp.change", function (e) {
|
|
$("#datetimepicker6").data("DateTimePicker").maxDate(e.date);
|
|
});
|
|
|
|
// Custom Icons
|
|
$("#datetimepicker8").datetimepicker({
|
|
icons: {
|
|
time: "fa fa-clock-o",
|
|
date: "fa fa-calendar",
|
|
up: "fa fa-arrow-up",
|
|
down: "fa fa-arrow-down"
|
|
}
|
|
});
|
|
|
|
// Min View Mode
|
|
$("#datetimepicker10").datetimepicker({
|
|
viewMode: "years",
|
|
format: "MM/YYYY"
|
|
});
|
|
|
|
// Disabled Days of the Week
|
|
$("#datetimepicker11").datetimepicker({
|
|
daysOfWeekDisabled: [0, 6, EonasdanBootstrapDatetimepicker.DayOfWeek.Thursday]
|
|
});
|
|
|
|
// Inline
|
|
$("#datetimepicker12").datetimepicker({
|
|
inline: true,
|
|
sideBySide: true
|
|
});
|
|
|
|
// Functions
|
|
$("#dtpFrom").datetimepicker({
|
|
useCurrent: true,
|
|
format: "DD/MM/YYYY",
|
|
showTodayButton: true,
|
|
showClear: true,
|
|
showClose: true,
|
|
maxDate: new Date(),
|
|
toolbarPlacement: "top"
|
|
});
|
|
$("#dtpFrom").data("DateTimePicker").date(moment(new Date()).format("DD/MM/YYYY"));
|
|
|
|
// Event
|
|
var datepicker = $("#datepicker").parent();
|
|
datepicker.datetimepicker({
|
|
locale: "pl",
|
|
format: "YYYY-MM-DD",
|
|
minDate: new Date(1900, 0, 1),
|
|
showTodayButton: true,
|
|
toolbarPlacement: "top",
|
|
widgetPositioning: {
|
|
horizontal: "right"
|
|
}
|
|
});
|
|
datepicker.on("dp.change", function (e) {
|
|
alert("e.date=" + e.date);
|
|
});
|