JQuery Mobile Datebox - 如何刪除輸入框並只顯示內聯日曆？

好日子全部，JQuery Mobile Datebox - 如何刪除輸入框並只顯示內聯日曆？

我想使用datepicker來顯示事件的用戶特定日期。我的遊戲計劃是使用datepicker作爲內聯，表明它總是顯示並將高亮日期傳遞給它。我的問題是，如何隱藏輸入框，以便用戶只能看到日曆？或者，用戶可以點擊一個按鈕來顯示日曆，但我不希望他們能夠選擇日期。

感謝邁克

來源

2011-08-06 rocketman889

您可以使用下面的代碼隱藏輸入框：

<div style="display: none;"> 
<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox", "calTodayButton": true}'> 
</div>

來源

2011-10-19 08:16:15 Mustafa

這有助於：

.ui-input-datebox { width: 40px; border: 0; background: transparent; padding: 0;margin: 0; box-shadow: none;} 
.ui-input-datebox input {display: none;}

來源

2012-03-09 09:37:43 firatgokalp

顯然我沒有避開這個記錄一個 - useInlineHideInput：true應該這樣做。我認爲它依賴於useInline也是如此。

來源

2012-03-11 03:30:29

數據選項「hideInput」：「真正的」（見http://dev.jtsage.com/jQM-DateBox/demos/fullopt.html，然後在「顯示選項」 -Accordion-Tab鍵）

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox", "hideInput": "true"}' />

來源

2012-09-06 13:35:31 algorhythm

可以這樣做：

HTML

<a href="#" id="date-trigger" data-role="button" data-icon="grid" data-iconpos="noText" >28/08/2013</a> 

<input data-role="datebox" data-options='{"mode": "calbox", "hideInput": "true", "noButton": "true"}' name="date" id="date" type="date" value="28/08/2013">

$('#date-trigger').on('click', function(){ 
    $('#date').datebox('open'); 
});

使用Datebox2，請參閱http://dev.jtsage.com/jQM-DateBox2/demos/opt/open.html。

大衛

來源

2013-08-27 08:11:48 Daweb

這是一個很好的答案。

<input id="date-id" name="date" type="text" data-role="datebox" data-options='{"mode":"calbox", "hideInput": "true", "hideButton": "true", "useInline": "true"}'>

來源

2014-10-26 17:57:33 Stephane

歡迎來到Stack Overflow。在回答代碼時，請花時間寫一兩段文字，解釋您的解決方案。 – afsantos

JQuery Mobile Datebox - 如何刪除輸入框並只顯示內聯日曆？

回答

相關問題