Clean jQuery Date and Time Picker Plugin - datetimepicker
File Size: | 300 KB |
---|---|
Views Total: | 412878 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

datetimepicker is a jQuery plugin that popups a simple and clean date & time picker interface when an input field on focus.
Features:
- Simple and easy-to-use.
- Numerous of options to custom the time & date picker.
- Supports 3 languages: en(English), de(German) and ru(russian).
- Date input mask.
- Callback events support.
- Inline mode support. Always display the date & time picker without having to click the input field.
View more
See also:
- jQuery Date and Time Picker Plugin - Simple Datetimepicker
- Stylish jQuery Date and Time Picker For Mobile Devices - mobiscroll
Installation:
# Yarn $ yarn add jquery-datetimepicker # NPM $ npm install jquery-datetimepicker --save
How to use it:
1. Load the necessary jQuery datetimepicker stylesheet in your document.
<link rel="stylesheet" href="jquery.datetimepicker.css"/>
2. Create an text input field that will be turned into an inline date & time picker.
<input type="text" id="demo"/>
3. Load the jQuery library and jQuery datetimepicker plugin at the bottom of your document.
<script src="/path/to/cdn/jquery.min.js"></script> <script src="jquery.datetimepicker.js"></script>
4. Just call the plugin and you're done.
$('#demo').datetimepicker({ // options here });
5. All default options and callback functions.
$('#demo').datetimepicker({ ownerDocument: document, contentWindow: window, value: '', rtl: false, format: 'Y/m/d H:i', formatTime: 'H:i', formatDate: 'Y/m/d', // new Date(), '1986/12/08', '-1970/01/05','-1970/01/05', startDate: false, step: 60, monthChangeSpinner: true, closeOnDateSelect: false, closeOnTimeSelect: true, closeOnWithoutClick: true, closeOnInputClick: true, openOnFocus: true, timepicker: true, datepicker: true, weeks: false, // use formatTime format (ex. '10:00' for formatTime: 'H:i') defaultTime: false, // use formatDate format (ex new Date() or '1986/12/08' or '-1970/01/05' or '-1970/01/05') defaultDate: false, minDate: false, maxDate: false, minTime: false, maxTime: false, minDateTime: false, maxDateTime: false, allowTimes: [], opened: false, initTime: true, inline: false, theme: '', touchMovedThreshold: 5, // callbacks onSelectDate: function () {}, onSelectTime: function () {}, onChangeMonth: function () {}, onGetWeekOfYear: function () {}, onChangeYear: function () {}, onChangeDateTime: function () {}, onShow: function () {}, onClose: function () {}, onGenerate: function () {}, withoutCopyright: true, inverseButton: false, hours12: false, next: 'xdsoft_next', prev : 'xdsoft_prev', dayOfWeekStart: 0, parentID: 'body', timeHeightInTimePicker: 25, timepickerScrollbar: true, todayButton: true, prevButton: true, nextButton: true, defaultSelect: true, scrollMonth: true, scrollTime: true, scrollInput: true, lazyInit: false, mask: false, validateOnBlur: true, allowBlank: true, yearStart: 1950, yearEnd: 2050, monthStart: 0, monthEnd: 11, style: '', id: '', fixed: false, roundTime: 'round', // ceil, floor className: '', weekends: [], highlightedDates: [], highlightedPeriods: [], allowDates : [], allowDateRe : null, disabledDates : [], disabledWeekDays: [], yearOffset: 0, beforeShowDay: null, enterLikeTab: true, showApplyButton: false, insideParent: false, });
6. Public methods.
// show datetime picker $('#input').datetimepicker('show'); // hide datetime picker $('#input').datetimepicker('hide'); // toggle datetime picker $('#input').datetimepicker('toggle'); // destroy datetime picker $('#input').datetimepicker('destroy'); // reset datetime picker's value $('#input').datetimepicker('reset'); // validate datetime picker's value $('#input').datetimepicker(validate) // set datetime picker's option $('#input').datetimepicker('setOptions', {...}); // get current datetimepicker's value $('#input').datetimepicker('getValue')
7. Localize the date picker.
$('#demo').datetimepicker({ lang: 'de', i18n: { ar: { // Arabic months: [ "كانون الثاني", "شباط", "آذار", "نيسان", "مايو", "حزيران", "تموز", "آب", "أيلول", "تشرين الأول", "تشرين الثاني", "كانون الأول" ], dayOfWeekShort: [ "ن", "ث", "ع", "خ", "ج", "س", "ح" ], dayOfWeek: ["الأحد", "الاثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت", "الأحد"] }, ro: { // Romanian months: [ "Ianuarie", "Februarie", "Martie", "Aprilie", "Mai", "Iunie", "Iulie", "August", "Septembrie", "Octombrie", "Noiembrie", "Decembrie" ], dayOfWeekShort: [ "Du", "Lu", "Ma", "Mi", "Jo", "Vi", "Sâ" ], dayOfWeek: ["Duminică", "Luni", "Marţi", "Miercuri", "Joi", "Vineri", "Sâmbătă"] }, id: { // Indonesian months: [ "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember" ], dayOfWeekShort: [ "Min", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab" ], dayOfWeek: ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"] }, is: { // Icelandic months: [ "Janúar", "Febrúar", "Mars", "Apríl", "Maí", "Júní", "Júlí", "Ágúst", "September", "Október", "Nóvember", "Desember" ], dayOfWeekShort: [ "Sun", "Mán", "Þrið", "Mið", "Fim", "Fös", "Lau" ], dayOfWeek: ["Sunnudagur", "Mánudagur", "Þriðjudagur", "Miðvikudagur", "Fimmtudagur", "Föstudagur", "Laugardagur"] }, bg: { // Bulgarian months: [ "Януари", "Февруари", "Март", "Април", "Май", "Юни", "Юли", "Август", "Септември", "Октомври", "Ноември", "Декември" ], dayOfWeekShort: [ "Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб" ], dayOfWeek: ["Неделя", "Понеделник", "Вторник", "Сряда", "Четвъртък", "Петък", "Събота"] }, fa: { // Persian/Farsi months: [ 'فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند' ], dayOfWeekShort: [ 'یکشنبه', 'دوشنبه', 'سه شنبه', 'چهارشنبه', 'پنجشنبه', 'جمعه', 'شنبه' ], dayOfWeek: ["یکشنبه", "دوشنبه", "سهشنبه", "چهارشنبه", "پنجشنبه", "جمعه", "شنبه", "یکشنبه"] }, ru: { // Russian months: [ 'Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь' ], dayOfWeekShort: [ "Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб" ], dayOfWeek: ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"] }, uk: { // Ukrainian months: [ 'Січень', 'Лютий', 'Березень', 'Квітень', 'Травень', 'Червень', 'Липень', 'Серпень', 'Вересень', 'Жовтень', 'Листопад', 'Грудень' ], dayOfWeekShort: [ "Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб" ], dayOfWeek: ["Неділя", "Понеділок", "Вівторок", "Середа", "Четвер", "П'ятниця", "Субота"] }, en: { // English months: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], dayOfWeekShort: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], dayOfWeek: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"] }, el: { // Ελληνικά months: [ "Ιανουάριος", "Φεβρουάριος", "Μάρτιος", "Απρίλιος", "Μάιος", "Ιούνιος", "Ιούλιος", "Αύγουστος", "Σεπτέμβριος", "Οκτώβριος", "Νοέμβριος", "Δεκέμβριος" ], dayOfWeekShort: [ "Κυρ", "Δευ", "Τρι", "Τετ", "Πεμ", "Παρ", "Σαβ" ], dayOfWeek: ["Κυριακή", "Δευτέρα", "Τρίτη", "Τετάρτη", "Πέμπτη", "Παρασκευή", "Σάββατο"] }, de: { // German months: [ 'Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember' ], dayOfWeekShort: [ "So", "Mo", "Di", "Mi", "Do", "Fr", "Sa" ], dayOfWeek: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"] }, nl: { // Dutch months: [ "januari", "februari", "maart", "april", "mei", "juni", "juli", "augustus", "september", "oktober", "november", "december" ], dayOfWeekShort: [ "zo", "ma", "di", "wo", "do", "vr", "za" ], dayOfWeek: ["zondag", "maandag", "dinsdag", "woensdag", "donderdag", "vrijdag", "zaterdag"] }, tr: { // Turkish months: [ "Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık" ], dayOfWeekShort: [ "Paz", "Pts", "Sal", "Çar", "Per", "Cum", "Cts" ], dayOfWeek: ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"] }, fr: { //French months: [ "Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre" ], dayOfWeekShort: [ "Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam" ], dayOfWeek: ["dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi"] }, es: { // Spanish months: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ], dayOfWeekShort: [ "Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb" ], dayOfWeek: ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"] }, th: { // Thai months: [ 'มกราคม', 'กุมภาพันธ์', 'มีนาคม', 'เมษายน', 'พฤษภาคม', 'มิถุนายน', 'กรกฎาคม', 'สิงหาคม', 'กันยายน', 'ตุลาคม', 'พฤศจิกายน', 'ธันวาคม' ], dayOfWeekShort: [ 'อา.', 'จ.', 'อ.', 'พ.', 'พฤ.', 'ศ.', 'ส.' ], dayOfWeek: ["อาทิตย์", "จันทร์", "อังคาร", "พุธ", "พฤหัส", "ศุกร์", "เสาร์", "อาทิตย์"] }, pl: { // Polish months: [ "styczeń", "luty", "marzec", "kwiecień", "maj", "czerwiec", "lipiec", "sierpień", "wrzesień", "październik", "listopad", "grudzień" ], dayOfWeekShort: [ "nd", "pn", "wt", "śr", "cz", "pt", "sb" ], dayOfWeek: ["niedziela", "poniedziałek", "wtorek", "środa", "czwartek", "piątek", "sobota"] }, pt: { // Portuguese months: [ "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro" ], dayOfWeekShort: [ "Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab" ], dayOfWeek: ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"] }, ch: { // Simplified Chinese months: [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ], dayOfWeekShort: [ "日", "一", "二", "三", "四", "五", "六" ] }, se: { // Swedish months: [ "Januari", "Februari", "Mars", "April", "Maj", "Juni", "Juli", "Augusti", "September", "Oktober", "November", "December" ], dayOfWeekShort: [ "Sön", "Mån", "Tis", "Ons", "Tor", "Fre", "Lör" ] }, km: { // Khmer (ភាសាខ្មែរ) months: [ "មករា", "កុម្ភៈ", "មិនា", "មេសា", "ឧសភា", "មិថុនា", "កក្កដា", "សីហា", "កញ្ញា", "តុលា", "វិច្ឆិកា", "ធ្នូ" ], dayOfWeekShort: ["អាទិ", "ច័ន្ទ", "អង្គារ", "ពុធ", "ព្រហ", "សុក្រ", "សៅរ៍"], dayOfWeek: ["អាទិត្យ", "ច័ន្ទ", "អង្គារ", "ពុធ", "ព្រហស្បតិ៍", "សុក្រ", "សៅរ៍"] }, kr: { // Korean months: [ "1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월" ], dayOfWeekShort: [ "일", "월", "화", "수", "목", "금", "토" ], dayOfWeek: ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"] }, it: { // Italian months: [ "Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre" ], dayOfWeekShort: [ "Dom", "Lun", "Mar", "Mer", "Gio", "Ven", "Sab" ], dayOfWeek: ["Domenica", "Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato"] }, da: { // Dansk months: [ "Januar", "Februar", "Marts", "April", "Maj", "Juni", "Juli", "August", "September", "Oktober", "November", "December" ], dayOfWeekShort: [ "Søn", "Man", "Tir", "Ons", "Tor", "Fre", "Lør" ], dayOfWeek: ["søndag", "mandag", "tirsdag", "onsdag", "torsdag", "fredag", "lørdag"] }, no: { // Norwegian months: [ "Januar", "Februar", "Mars", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Desember" ], dayOfWeekShort: [ "Søn", "Man", "Tir", "Ons", "Tor", "Fre", "Lør" ], dayOfWeek: ['Søndag', 'Mandag', 'Tirsdag', 'Onsdag', 'Torsdag', 'Fredag', 'Lørdag'] }, ja: { // Japanese months: [ "1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月" ], dayOfWeekShort: [ "日", "月", "火", "水", "木", "金", "土" ], dayOfWeek: ["日曜", "月曜", "火曜", "水曜", "木曜", "金曜", "土曜"] }, vi: { // Vietnamese months: [ "Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5", "Tháng 6", "Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12" ], dayOfWeekShort: [ "CN", "T2", "T3", "T4", "T5", "T6", "T7" ], dayOfWeek: ["Chủ nhật", "Thứ hai", "Thứ ba", "Thứ tư", "Thứ năm", "Thứ sáu", "Thứ bảy"] }, sl: { // Slovenščina months: [ "Januar", "Februar", "Marec", "April", "Maj", "Junij", "Julij", "Avgust", "September", "Oktober", "November", "December" ], dayOfWeekShort: [ "Ned", "Pon", "Tor", "Sre", "Čet", "Pet", "Sob" ], dayOfWeek: ["Nedelja", "Ponedeljek", "Torek", "Sreda", "Četrtek", "Petek", "Sobota"] }, cs: { // Čeština months: [ "Leden", "Únor", "Březen", "Duben", "Květen", "Červen", "Červenec", "Srpen", "Září", "Říjen", "Listopad", "Prosinec" ], dayOfWeekShort: [ "Ne", "Po", "Út", "St", "Čt", "Pá", "So" ] }, hu: { // Hungarian months: [ "Január", "Február", "Március", "Április", "Május", "Június", "Július", "Augusztus", "Szeptember", "Október", "November", "December" ], dayOfWeekShort: [ "Va", "Hé", "Ke", "Sze", "Cs", "Pé", "Szo" ], dayOfWeek: ["vasárnap", "hétfő", "kedd", "szerda", "csütörtök", "péntek", "szombat"] }, az: { //Azerbaijanian (Azeri) months: [ "Yanvar", "Fevral", "Mart", "Aprel", "May", "Iyun", "Iyul", "Avqust", "Sentyabr", "Oktyabr", "Noyabr", "Dekabr" ], dayOfWeekShort: [ "B", "Be", "Ça", "Ç", "Ca", "C", "Ş" ], dayOfWeek: ["Bazar", "Bazar ertəsi", "Çərşənbə axşamı", "Çərşənbə", "Cümə axşamı", "Cümə", "Şənbə"] }, bs: { //Bosanski months: [ "Januar", "Februar", "Mart", "April", "Maj", "Jun", "Jul", "Avgust", "Septembar", "Oktobar", "Novembar", "Decembar" ], dayOfWeekShort: [ "Ned", "Pon", "Uto", "Sri", "Čet", "Pet", "Sub" ], dayOfWeek: ["Nedjelja", "Ponedjeljak", "Utorak", "Srijeda", "Četvrtak", "Petak", "Subota"] }, ca: { //Català months: [ "Gener", "Febrer", "Març", "Abril", "Maig", "Juny", "Juliol", "Agost", "Setembre", "Octubre", "Novembre", "Desembre" ], dayOfWeekShort: [ "Dg", "Dl", "Dt", "Dc", "Dj", "Dv", "Ds" ], dayOfWeek: ["Diumenge", "Dilluns", "Dimarts", "Dimecres", "Dijous", "Divendres", "Dissabte"] }, 'en-GB': { //English (British) months: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], dayOfWeekShort: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], dayOfWeek: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"] }, et: { //"Eesti" months: [ "Jaanuar", "Veebruar", "Märts", "Aprill", "Mai", "Juuni", "Juuli", "August", "September", "Oktoober", "November", "Detsember" ], dayOfWeekShort: [ "P", "E", "T", "K", "N", "R", "L" ], dayOfWeek: ["Pühapäev", "Esmaspäev", "Teisipäev", "Kolmapäev", "Neljapäev", "Reede", "Laupäev"] }, eu: { //Euskara months: [ "Urtarrila", "Otsaila", "Martxoa", "Apirila", "Maiatza", "Ekaina", "Uztaila", "Abuztua", "Iraila", "Urria", "Azaroa", "Abendua" ], dayOfWeekShort: [ "Ig.", "Al.", "Ar.", "Az.", "Og.", "Or.", "La." ], dayOfWeek: ['Igandea', 'Astelehena', 'Asteartea', 'Asteazkena', 'Osteguna', 'Ostirala', 'Larunbata'] }, fi: { //Finnish (Suomi) months: [ "Tammikuu", "Helmikuu", "Maaliskuu", "Huhtikuu", "Toukokuu", "Kesäkuu", "Heinäkuu", "Elokuu", "Syyskuu", "Lokakuu", "Marraskuu", "Joulukuu" ], dayOfWeekShort: [ "Su", "Ma", "Ti", "Ke", "To", "Pe", "La" ], dayOfWeek: ["sunnuntai", "maanantai", "tiistai", "keskiviikko", "torstai", "perjantai", "lauantai"] }, gl: { //Galego months: [ "Xan", "Feb", "Maz", "Abr", "Mai", "Xun", "Xul", "Ago", "Set", "Out", "Nov", "Dec" ], dayOfWeekShort: [ "Dom", "Lun", "Mar", "Mer", "Xov", "Ven", "Sab" ], dayOfWeek: ["Domingo", "Luns", "Martes", "Mércores", "Xoves", "Venres", "Sábado"] }, hr: { //Hrvatski months: [ "Siječanj", "Veljača", "Ožujak", "Travanj", "Svibanj", "Lipanj", "Srpanj", "Kolovoz", "Rujan", "Listopad", "Studeni", "Prosinac" ], dayOfWeekShort: [ "Ned", "Pon", "Uto", "Sri", "Čet", "Pet", "Sub" ], dayOfWeek: ["Nedjelja", "Ponedjeljak", "Utorak", "Srijeda", "Četvrtak", "Petak", "Subota"] }, ko: { //Korean (한국어) months: [ "1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월" ], dayOfWeekShort: [ "일", "월", "화", "수", "목", "금", "토" ], dayOfWeek: ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"] }, lt: { //Lithuanian (lietuvių) months: [ "Sausio", "Vasario", "Kovo", "Balandžio", "Gegužės", "Birželio", "Liepos", "Rugpjūčio", "Rugsėjo", "Spalio", "Lapkričio", "Gruodžio" ], dayOfWeekShort: [ "Sek", "Pir", "Ant", "Tre", "Ket", "Pen", "Šeš" ], dayOfWeek: ["Sekmadienis", "Pirmadienis", "Antradienis", "Trečiadienis", "Ketvirtadienis", "Penktadienis", "Šeštadienis"] }, lv: { //Latvian (Latviešu) months: [ "Janvāris", "Februāris", "Marts", "Aprīlis ", "Maijs", "Jūnijs", "Jūlijs", "Augusts", "Septembris", "Oktobris", "Novembris", "Decembris" ], dayOfWeekShort: [ "Sv", "Pr", "Ot", "Tr", "Ct", "Pk", "St" ], dayOfWeek: ["Svētdiena", "Pirmdiena", "Otrdiena", "Trešdiena", "Ceturtdiena", "Piektdiena", "Sestdiena"] }, mk: { //Macedonian (Македонски) months: [ "јануари", "февруари", "март", "април", "мај", "јуни", "јули", "август", "септември", "октомври", "ноември", "декември" ], dayOfWeekShort: [ "нед", "пон", "вто", "сре", "чет", "пет", "саб" ], dayOfWeek: ["Недела", "Понеделник", "Вторник", "Среда", "Четврток", "Петок", "Сабота"] }, mn: { //Mongolian (Монгол) months: [ "1-р сар", "2-р сар", "3-р сар", "4-р сар", "5-р сар", "6-р сар", "7-р сар", "8-р сар", "9-р сар", "10-р сар", "11-р сар", "12-р сар" ], dayOfWeekShort: [ "Дав", "Мяг", "Лха", "Пүр", "Бсн", "Бям", "Ням" ], dayOfWeek: ["Даваа", "Мягмар", "Лхагва", "Пүрэв", "Баасан", "Бямба", "Ням"] }, 'pt-BR': { //Português(Brasil) months: [ "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro" ], dayOfWeekShort: [ "Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb" ], dayOfWeek: ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"] }, sk: { //Slovenčina months: [ "Január", "Február", "Marec", "Apríl", "Máj", "Jún", "Júl", "August", "September", "Október", "November", "December" ], dayOfWeekShort: [ "Ne", "Po", "Ut", "St", "Št", "Pi", "So" ], dayOfWeek: ["Nedeľa", "Pondelok", "Utorok", "Streda", "Štvrtok", "Piatok", "Sobota"] }, sq: { //Albanian (Shqip) months: [ "Janar", "Shkurt", "Mars", "Prill", "Maj", "Qershor", "Korrik", "Gusht", "Shtator", "Tetor", "Nëntor", "Dhjetor" ], dayOfWeekShort: [ "Die", "Hën", "Mar", "Mër", "Enj", "Pre", "Shtu" ], dayOfWeek: ["E Diel", "E Hënë", "E Martē", "E Mërkurë", "E Enjte", "E Premte", "E Shtunë"] }, 'sr-YU': { //Serbian (Srpski) months: [ "Januar", "Februar", "Mart", "April", "Maj", "Jun", "Jul", "Avgust", "Septembar", "Oktobar", "Novembar", "Decembar" ], dayOfWeekShort: [ "Ned", "Pon", "Uto", "Sre", "čet", "Pet", "Sub" ], dayOfWeek: ["Nedelja", "Ponedeljak", "Utorak", "Sreda", "Četvrtak", "Petak", "Subota"] }, sr: { //Serbian Cyrillic (Српски) months: [ "јануар", "фебруар", "март", "април", "мај", "јун", "јул", "август", "септембар", "октобар", "новембар", "децембар" ], dayOfWeekShort: [ "нед", "пон", "уто", "сре", "чет", "пет", "суб" ], dayOfWeek: ["Недеља", "Понедељак", "Уторак", "Среда", "Четвртак", "Петак", "Субота"] }, sv: { //Svenska months: [ "Januari", "Februari", "Mars", "April", "Maj", "Juni", "Juli", "Augusti", "September", "Oktober", "November", "December" ], dayOfWeekShort: [ "Sön", "Mån", "Tis", "Ons", "Tor", "Fre", "Lör" ], dayOfWeek: ["Söndag", "Måndag", "Tisdag", "Onsdag", "Torsdag", "Fredag", "Lördag"] }, 'zh-TW': { //Traditional Chinese (繁體中文) months: [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ], dayOfWeekShort: [ "日", "一", "二", "三", "四", "五", "六" ], dayOfWeek: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"] }, zh: { //Simplified Chinese (简体中文) months: [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ], dayOfWeekShort: [ "日", "一", "二", "三", "四", "五", "六" ], dayOfWeek: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"] }, ug: { // Uyghur(ئۇيغۇرچە) months: [ "1-ئاي", "2-ئاي", "3-ئاي", "4-ئاي", "5-ئاي", "6-ئاي", "7-ئاي", "8-ئاي", "9-ئاي", "10-ئاي", "11-ئاي", "12-ئاي" ], dayOfWeek: [ "يەكشەنبە", "دۈشەنبە", "سەيشەنبە", "چارشەنبە", "پەيشەنبە", "جۈمە", "شەنبە" ] }, he: { //Hebrew (עברית) months: [ 'ינואר', 'פברואר', 'מרץ', 'אפריל', 'מאי', 'יוני', 'יולי', 'אוגוסט', 'ספטמבר', 'אוקטובר', 'נובמבר', 'דצמבר' ], dayOfWeekShort: [ 'א\'', 'ב\'', 'ג\'', 'ד\'', 'ה\'', 'ו\'', 'שבת' ], dayOfWeek: ["ראשון", "שני", "שלישי", "רביעי", "חמישי", "שישי", "שבת", "ראשון"] }, hy: { // Armenian months: [ "Հունվար", "Փետրվար", "Մարտ", "Ապրիլ", "Մայիս", "Հունիս", "Հուլիս", "Օգոստոս", "Սեպտեմբեր", "Հոկտեմբեր", "Նոյեմբեր", "Դեկտեմբեր" ], dayOfWeekShort: [ "Կի", "Երկ", "Երք", "Չոր", "Հնգ", "Ուրբ", "Շբթ" ], dayOfWeek: ["Կիրակի", "Երկուշաբթի", "Երեքշաբթի", "Չորեքշաբթի", "Հինգշաբթի", "Ուրբաթ", "Շաբաթ"] }, kg: { // Kyrgyz months: [ 'Үчтүн айы', 'Бирдин айы', 'Жалган Куран', 'Чын Куран', 'Бугу', 'Кулжа', 'Теке', 'Баш Оона', 'Аяк Оона', 'Тогуздун айы', 'Жетинин айы', 'Бештин айы' ], dayOfWeekShort: [ "Жек", "Дүй", "Шей", "Шар", "Бей", "Жум", "Ише" ], dayOfWeek: [ "Жекшемб", "Дүйшөмб", "Шейшемб", "Шаршемб", "Бейшемби", "Жума", "Ишенб" ] }, rm: { // Romansh months: [ "Schaner", "Favrer", "Mars", "Avrigl", "Matg", "Zercladur", "Fanadur", "Avust", "Settember", "October", "November", "December" ], dayOfWeekShort: [ "Du", "Gli", "Ma", "Me", "Gie", "Ve", "So" ], dayOfWeek: [ "Dumengia", "Glindesdi", "Mardi", "Mesemna", "Gievgia", "Venderdi", "Sonda" ] }, ka: { // Georgian months: [ 'იანვარი', 'თებერვალი', 'მარტი', 'აპრილი', 'მაისი', 'ივნისი', 'ივლისი', 'აგვისტო', 'სექტემბერი', 'ოქტომბერი', 'ნოემბერი', 'დეკემბერი' ], dayOfWeekShort: [ "კვ", "ორშ", "სამშ", "ოთხ", "ხუთ", "პარ", "შაბ" ], dayOfWeek: ["კვირა", "ორშაბათი", "სამშაბათი", "ოთხშაბათი", "ხუთშაბათი", "პარასკევი", "შაბათი"] }, kk: { // Kazakh months: [ 'Қаңтар', 'Ақпан', 'Наурыз', 'Сәуір', 'Мамыр', 'Маусым', 'Шілде', 'Тамыз', 'Қыркүйек', 'Қазан', 'Қараша', 'Желтоқсан' ], dayOfWeekShort: [ "Жк", "Дс", "Сс", "Ср", "Бс", "Жм", "Сб" ], dayOfWeek: ["Жексенбі", "Дүйсенбі", "Сейсенбі", "Сәрсенбі", "Бейсенбі", "Жұма", "Сенбі"] } }, });
Changelog:
2022-04-06
- v2.5.22
2020-02-03
- Fix ukrainian short day names
2019-02-24
- v2.5.21
2017-05-12
- Fix for picker jumping to the next month
- Fix for currentTime can't be null for inline mode
2016-05-20
- v2.5.4
2016-04-01
- v2.5.3: Fix devDependencies with concat-cli
2016-02-25
- v2.5.1
2016-02-19
- v2.4.9: Added getValue method.
2016-02-17
- v2.4.7
2015-10-01
- Fixed: Custom allowed times; options within selected hour all get selected
2015-09-21
- Date format. Support i18n + D, l, M, F php style format characters.
2015-08-24
- support mixed array for the values of highlightedPeriods
2015-08-19
- Add rtl layout support
- Allow maxDate in past or minDate in future
2015-07-03
- v2.4.5 + bugfixes
2015-06-23
- Prevents default selection of Save Selected as submit button
2015-06-22
- Added opposite of minTime and maxTime, disabledMinTime and disabledMaxTime
- Added 2 new properties, to make a period of time disabled by setting disabledMinTime and disabledMaxTime.
2015-05-08
- Use proper class names when options.weeks and options.className are both set. When options.weeks is true, and options.className is set, the result is that both are concatenated together without a space to separate them.
2015-04-30
- Fixed: today button dbl click didn't validate date
2015-04-22
- Fix bug with minDate option and mistake Date.parse insted Date.parseDate
2015-04-10
- added css elements to highlight dates
- added options to highlight individual dates or periods
2015-02-26
- Fix to prevent times such as '12:60' instead of '13:00' when using an input of 'xx:45 - xx:59'
- Added botton 'Save Selected'. Option: showApplyButton.
- Corrected border botton 'Save Selected'.
2015-02-12
- Create several datetimepickers with class selector
- Do not check whether input is visible
- Fixed Runtime error
v2.4.1 (2014-11-16)
- added several languages
v2.3.8 (2014-10-23)
- Fix behavior under iPad and iPhone
v2.3.5 (2014-09-24)
- Fix bug with moment.js
- Add dark theme
2014-09-24
- Made css opacities IE8 compatible
v2.3.4 (2014-07-09)
- fixed bug with dayOfWeekStart
v2.3.3 (2014-07-09)
- added ukrainian lang
v2.3.2 (2014-07-09)
- added options: defaultTime and defaultDate
v2.3.1 (2014-07-09)
- fix bug in ie8
v2.3.0 (2014-06-30)
- Fix list issue
v2.2.9 (2014-06-11)
- Now in minDate,maxDate,minTime and maxTime can put Date object
v2.2.8 (2014-05-23)
- fixed for work in ie7, fixed bug with inline mode
- Added in prototype Date method getCountDaysInMonth for less depend with date-parse library
v2.2.6 (2014-05-22)
- Fix bug with inline scroll
v2.2.5 (2014-04-06)
- updates
v2.2.4 (2014-03-27)
- updates
v2.2.3 (2014-03-25)
- updates
v2.1.6 (2014-01-14)
- Fix button style for lower ie8
- Fix style for ie7
v2.1.5 (2014-01-09)
- Fix CSS bug
v2.1.0 (2013-12-24)
- Add dblclick handler to today button
v2.0.6 (2013-12-13)
- Fix bug with options.step>60
v2.0.6 (2013-12-12)
- Fix round time
v2.0.4 (2013-12-11)
- Fix doc.
v2.0.3 (2013-12-10)
- Fix bug. Check the Documentation
v2.0.1 (2013-12-05)
- Check the Documentation
v2.0.0 (2013-12-04)
- update to the latest version.
v1.1.0 (2013-11-29)
- Style fixed
v1.0.10 (2013-11-28)
- updated to the latest version.
- updated the demo page.
v1.0.8 (2013-11-19)
- updated to the latest version.
v1.0.5 (2013-11-15)
- add scrollbar
v1.0.4 (2013-11-07)
- added button trigger.
This awesome jQuery plugin is developed by xdan. For more Advanced Usages, please check the demo page or visit the official website.