Использование jQueryUI Datepicker и маскирования ввода вместе

Прежде всего проверьте живой пример . В текстовом поле есть маска для дат. Также есть средство выбора даты jQueryUI. Они работают очень хорошо, но когда я выбираю дату с помощью средства выбора даты, маска текстового поля исчезает. Я хочу сохранить это. Любые идеи?


jquery masking jquery-ui jquery-ui-datepicker
person Eray    schedule 19.09.2011    source источник
comment
У меня отлично работает, Google Chrome в Windows 7. Подчеркивание (эффект маски) теряется при вводе даты, но это нормально. Если вы хотите сохранить подчеркивание?   -  person Chris Laplante    schedule 20.09.2011
comment
Я хочу сохранить их. На самом деле я хочу превратить его в (например) 2011-09-19 00:00. Чтобы посетитель был замечен, есть время (00:00) и его можно изменить.   -  person Eray    schedule 20.09.2011
comment
Проблема в том, что подчеркивание не может находиться в том же месте, что и буква. Если только нет способа стилизовать каждую отдельную букву с подчеркиванием. Не уверен в этом   -  person Chris Laplante    schedule 20.09.2011
comment
Нет, ты неправильно понял. Я не хочу стилизовать каждую букву подчеркиванием.   -  person Eray    schedule 20.09.2011

Ответы (1)


arrow_upward
3
arrow_downward

Я использовал этот сообщение. Чтобы создать эту скрипту.

Вы можете настроить javascript по умолчанию на 00:00, если вы не хотите, чтобы текущее время использовалось по умолчанию.

date_obj = new Date();
date_obj_hours = date_obj.getHours();
date_obj_mins = date_obj.getMinutes();

if (date_obj_mins < 10) { date_obj_mins = "0" + date_obj_mins; }

if (date_obj_hours < 10) {date_obj_hours = "0" + date_obj_hours;}

date_obj_time = "'"+date_obj_hours+":"+date_obj_mins+"'";

$( ".datepicker" ).datepicker({ dateFormat: 'yy-mm-dd ' + date_obj_time });
$(".datepicker").mask("9999-99-99 99:99");

Думаю, я бы добавил, что это можно было бы сократить до:

date_obj = new Date();
date_obj_hours = date_obj.getHours() < 10 ? "0" + date_obj.getHours() : date_obj.getHours();
date_obj_mins = date_obj.getMinutes() < 10 ? "0" + date_obj.getMinutes() : date_obj.getMinutes();

date_obj_time = "'" + date_obj_hours + ":" + date_obj_mins + "'";

$(".datepicker").datepicker({ dateFormat: 'yy-mm-dd ' + date_obj_time });
$(".datepicker").mask("9999-99-99 99:99");

скрипка.

person jk.    schedule 20.09.2011