Clean jQuery Date and Time Picker Plugin - datetimepicker

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

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:

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)

v2.0.1 (2013-12-05)

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.