jQuery timepicker
Добрый день, уважаемые форумчане. Возник вопрос. Использую два плагина datepicker и timepicker. Результат наработок http://jsfiddle.net/JpAbw/
Собственно вопрос, как сделать так, чтобы у плагина была привязка к текущему времени; и в зависимости от текущего времени он делал доступным соответствующий временной интервал следующего дня. Т.е. если я выбираю дату и на моих системных часах 28 июля 2013, от 00 до 14 часов дня, то мне доступны оба интервала на 29 июля (09-14 часов и 14-18 часов). А если время от 14 до 00 часов, то доступен только один интервал на 29 июля: 14-18 часов. |
kopie,
...запись с утра к врачу на завтра выбор с 9 до 18, после обеда только на завтрашний вечер с 14 до 18. :write: <!DOCTYPE HTML> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> <script type="text/javascript" src="http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js"></script> <link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/le-frog/jquery-ui.css" /> <style type="text/css"> body{ background-color: #FFA500; } </style> </head> <body> <input type="text" name="rest_example_1" id="rest_example_1" value="" /> <input type="text" name="alt_example_1_alt" id="alt_example_1_alt" value="" /> <script> $.datepicker.regional['ru'] = { closeText: 'Закрыть', prevText: '<Пред', nextText: 'След>', currentText: 'Сегодня', monthNames: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь' ], monthNamesShort: ['Янв', 'Фев', 'Мар', 'Апр', 'Май', 'Июн', 'Июл', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек' ], dayNames: ['воскресенье', 'понедельник', 'вторник', 'среда', 'четверг', 'пятница', 'суббота'], dayNamesShort: ['вск', 'пнд', 'втр', 'срд', 'чтв', 'птн', 'сбт'], dayNamesMin: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'], weekHeader: 'Не', dateFormat: 'dd.mm.yy', firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: '' }; $.datepicker.setDefaults($.datepicker.regional['ru']); $.timepicker.regional['ru'] = { timeOnlyTitle: 'Выберите время', timeText: 'Время', hourText: 'Часы', minuteText: 'Мин.', secondText: 'Секунды', millisecText: 'Миллисекунды', timezoneText: 'Часовой пояс', currentText: 'Сейчас', closeText: 'Закрыть', timeFormat: 'HH:mm', amNames: ['AM', 'A'], pmNames: ['PM', 'P'], isRTL: false }; $.timepicker.setDefaults($.timepicker.regional['ru']); $('#rest_example_1').datetimepicker({ altField: "#alt_example_1_alt", hourMin: (new Date()).getHours() < 14 ? 9 : 14, hourMax: 17, maxDate: 1, minDate: 1 }); </script> </body> </html> |
Часовой пояс GMT +3, время: 03:57. |