我在输入字段中显示两个日期。当用户点击有效日期时,mobiscroll应显示日期并允许更改日期。
当用户将光标设置在外其中一个日期时(通过在其中一个日期之前或之后单击),输入字段应按预期工作,允许用户更改日期 - 放置或输入内容。
Mobiscroll初始化为:
$('#input').mobiscroll().date({
showOnTap: false,
showOnFocus: false
});
然后用
调用$('#input').mobiscroll('setDate', theClickedDate, false);
$('#input').mobiscroll('option', {onSelect: dateChanged});
$('#input').mobiscroll('show');
当“情况”是正确的(即点击有效日期)。
单击日期时会显示此选项,并显示带有日期的mobiscroll。但是点击其中一个日期“外部”不会将光标设置为允许编辑。输入就像'只读'一样。
答案 0 :(得分:1)
从Mobiscroll支持团队粘贴:
Mobiscroll将输入字段设置为只读,否则,当它获得焦点时,虚拟键盘也会弹出。
我认为最好的解决方案是不在输入字段上初始化mobiscroll(因为你还没有使用show和fill功能),你可以在空div上初始化它。
如果使用气泡定位,还应该在锚点设置中传递输入元素:
$('#mydiv').mobiscroll().date({
display: 'bubble',
anchor: $('#input')
});
$('#mydiv').mobiscroll('setDate', theClickedDate, false);
$('#mydiv').mobiscroll('option', {onSelect: dateChanged});
$('#mydiv').mobiscroll('show');