2014-04-04 92 views
0

我在輸入字段中顯示兩個日期。當用戶點擊有效的日期時,mobiscroll應顯示日期並允許更改日期。即使未顯示/顯示,Mobiscroll將輸入設置爲只讀模式?

當用戶將光標日期的一個(點擊之前或其中一個日期之後),輸入字段應該按預期工作,允許用戶更改就地或打字的日期一些東西。

Mobiscroll被初始化爲:

$('#input').mobiscroll().date({ 
    showOnTap: false, 
    showOnFocus: false 
}); 

,然後用

$('#input').mobiscroll('setDate', theClickedDate, false); 
$('#input').mobiscroll('option', {onSelect: dateChanged});    
$('#input').mobiscroll('show'); 

調用當 「情況」 是正確的(即,有效日期點擊)。

此功能在單擊日期時,mobiscroll會與日期一起顯示。但是,點擊某個日期的「外部」不會將光標設置爲允許編輯。輸入就像'只讀'一樣。

回答

1

從Mobiscroll支持團隊粘貼:
Mobiscroll將輸入字段設置爲只讀,因爲否則,當它接收到焦點時,虛擬鍵盤也會彈出。 我認爲最好的解決方案是不要初始化輸入字段上的mobiscroll(因爲無論如何您都不使用顯示和填充功能),您可以在空格上初始化它。 如果您使用氣泡定位,您還應該在錨定設置中傳遞輸入元素:

$('#mydiv').mobiscroll().date({ 
display: 'bubble', 
anchor: $('#input') 
}); 

$('#mydiv').mobiscroll('setDate', theClickedDate, false); 
$('#mydiv').mobiscroll('option', {onSelect: dateChanged}); 
$('#mydiv').mobiscroll('show');