我在Wordpress网站上使用Gravity Forms有两个Datepicker输入(开始和结束日期)(相信它与JQuery Datepicker非常相似)
日期选择器有效,并且我有一些代码(下面)可以阻止过去的日期,根据选择的开始日期设置默认结束日期,并在选择开始日期后打开结束日期日期选择器,所有这些都可以。但是,我试图禁止用户在手机上时显示键盘,并且在保留上述功能(阻止某些日期等)的同时,我无法使其正常工作。我见过类似this和this的链接,这些链接建议添加只读以防止键盘显示。但是,当我添加readonly属性时,键盘没有显示(成功!),但是上述自定义功能不起作用(失败)。
如何在移动设备上选择日期选择器输入时如何使用以下功能,同时又阻止键盘显示?
用于自定义日期选择器的当前代码(需要保留此功能并防止键盘出现在移动设备上):
if ( formId == 47 && fieldId == 2) {
optionsObj.minDate = '+1';
optionsObj.onClose = function (dateText,inst) {
dateText = new Date(dateText);
dateMin = new Date(dateText.getFullYear(),dateText.getMonth() + 2,dateText.getDate());
jQuery('#input_47_3').datepicker('option','minDate',dateText).datepicker('setDate',dateMin);
jQuery('#input_47_3').focus();
};
}
我已经尝试过这样的事情。它阻止了手机键盘,但是上面的代码似乎不起作用
jQuery(function() {
jQuery( "#input_47_2" ).datepicker({ }).attr('readonly','readonly');
});
感谢任何帮助!