一起使用jQueryUI Datepicker和输入掩码 [英] Using jQueryUI Datepicker And Input Masking Together
本文介绍了一起使用jQueryUI Datepicker和输入掩码的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
首先检查在线示例.文本框上有一个日期掩码.还有一个jQueryUI datepicker.它们工作得很好,但是当我选择带有日期选择器的日期时,文本框的掩码将消失.我要保留它.有什么想法吗?
First of all check live example . There is a mask for dates on text box. Also there is a jQueryUI datepicker. They are working very well but when i choose a date with datepicker, text box's mask is disappearing. I want to keep it. Any ideas?
推荐答案
I used this post. To create this fiddle.
如果您不希望将当前时间设为默认时间,则可以将javascript
的默认值调整为00:00
.
You can adjust the javascript
to default to 00:00
if you don't want the current time as the default.
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");
我想补充一点,可以将其简化为:
Thought I would add that this could be shortened to:
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");
小提琴.
这篇关于一起使用jQueryUI Datepicker和输入掩码的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文