一起使用 jQueryUI Datepicker 和 Input Masking答案

【问题标题】：Using jQueryUI Datepicker And Input Masking Together一起使用 jQueryUI Datepicker 和 Input Masking
【发布时间】：2011-11-20 15:41:57
【问题描述】：

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

【问题讨论】：

它适用于我，Windows 7 上的 Google Chrome。输入日期时下划线（遮罩效果）会丢失，但这是正常的。除非你想保留下划线？
我想保留它们。其实我想把它变成（例如） 2011-09-19 00:00 。所以访客会被注意到，有一个时间（00:00），它可以改变。
问题是下划线不能和字母在同一个地方。除非有办法用下划线来设置每个字母的样式。不确定
不，你误会了。我不想用下划线来设置每个字母的样式。

标签： jquery jquery-ui jquery-ui-datepicker masking

【解决方案1】：

我用过这个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.

【讨论】：