文本框中的日期选择器和焦点
datepicker and focusout in textbox
我在文本框上有一个日期选择器,同时我使用一个函数来检查用户是否使用javascript输入了正确的日期和时间格式。
我面临的问题是,每当我在文本框上选择鼠标时,日期选择器就会显示,因为它应该,但如果我想从日期选择器中选择一个日期,则执行focusout()函数,我必须再次重新单击要选择的日期选择器。
下面是我的代码: $('#StartDateTime').datepicker({
/* here is only to stay focusin() on the textbox after selecting date */
constrainInput: false,
fixFocusIE: false,
onSelect: function (dateText, inst) {
this.fixFocusIE = true;
$(this).change().focus();
},
onClose: function (dateText, inst) {
this.fixFocusIE = true;
this.focus();
},
beforeShow: function (input, inst) {
var result = $.browser.msie ? !this.fixFocusIE : true;
this.fixFocusIE = false;
return result;
}
}).click(function () { $(this).focus() });
$("#StartDateTime").focusout(function () {
if (sDTValid() == false) {
alert("Please enter Date (Day/Month/Year) & Time (HH:MM AM or PM)");
}
});
function sDTValid() {
/* this is the function of date and time format validation*/
var sDT = document.getElementById('StartDateTime').value;
if (sDT.match(/^('d{1,2})'/('d{1,2})'/('d{4}) ('d{1,2}):('d{2}) (.*)$/)) {
return true;
}
else {
return false;
}
}
'focusout'事件将在用户点击日期picker元素时触发,因为它不是输入#StartDateTime的一部分
可以在值改变时使用其他事件。"输入"
$("#StartDateTime").on('input', function () {
if (sDTValid() == false) {
alert("Please enter Date (Day/Month/Year) & Time (HH:MM AM or PM)");
}
});
相关文章:
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 在动态创建的元素上获取对特定选择器的引用
- AngularJS-在JSON选择器中使用变量名
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- jQuery最近父级的数据属性选择器
- 为什么不'在JQuery中找到第二个css选择器的工作
- 为什么 .focus() 不起作用,而 .css(“color”,“red”) 在同一个选择器上起作用
- jQuery位置选择器输入样式背景和焦点
- 如何将剑道日期选择器的焦点更改为另一个按钮?i
- 如何在iOS中对输入元素使用Jquery:焦点选择器
- 引导选择选择器焦点事件
- 组合悬停和焦点选择器样式,但不能同时使用
- 焦点将放在jquery中的验证日期选择器字段上
- :焦点伪选择器样式不会被删除,当一个新的选项卡打开,即使模糊事件被触发
- 文本框中的日期选择器和焦点
- CSS选择器问题,如何改变父li的字体颜色时,子ul的焦点
- 第一个焦点会弹出日期选择器
- 角度 js 材质日期选择器在焦点上打开
- jQuery 字体选择器:显示和隐藏焦点