一起使用jQueryUI Datepicker和输入掩码

时间:2011-09-19 23:02:26

标签: jquery jquery-ui jquery-ui-datepicker masking

首先检查live example。文本框上有日期掩码。还有一个jQueryUI datepicker。它们工作得非常好但是当我选择带有日期选择器的日期时,文本框的掩码正在消失。我想保留它。有什么想法吗?

1 个答案:

答案 0 :(得分:3)

我使用了这个post。要创建此fiddle

如果您不希望将当前时间设为默认值,则可以将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");

fiddle