// http://trentrichardson.com/examples/timepicker/ $(document).ready(function() { $('#date1').datepicker({ sliderAccessArgs: { touchonly: false } }); $('#time1').timepicker({ addSliderAccess: true, sliderAccessArgs: { touchonly: false }, stepMinute: 5, }); $('#date1_localized').datepicker({ closeText: 'Закрыть', prevText: '<Пред', nextText: 'След>', currentText: 'Сегодня', monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь', 'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'], monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн', 'Июл','Авг','Сен','Окт','Ноя','Дек'], dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'], dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'], dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'], weekHeader: 'Не', dateFormat: 'dd.mm.yy', firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: '' }); $('#time1_localized').timepicker({ addSliderAccess: true, sliderAccessArgs: { touchonly: false }, stepMinute: 5, timeOnlyTitle: 'Выберите время', timeText: 'Время', hourText: 'Часы', minuteText: 'Минуты', secondText: 'Секунды', currentText: 'Теперь', closeText: 'Закрыть' }); });
<!-- http://trentrichardson.com/examples/timepicker/ --> <b> English </b> - <br>Date: <input type="text" id="date1"/> Time: <input type="text" id="time1"/> <br><br> <b> Russian </b> - <br>Date: <input type="text" id="date1_localized"/> Time: <input type="text" id="time1_localized"/>