大家好，
我想使用 datepicker 向用户显示事件所在的特定日期。我的游戏计划是使用 datepicker 作为内联，显示它始终显示并将突出显示的日期传递给它。我的问题是，如何隐藏输入框，让用户只看到日历？或者，用户可以单击一个按钮来显示日历，但我不希望他们能够选择一个日期。
谢谢迈克
问问题
5184 次
6 回答
3
这有助于：
.ui-input-datebox { width: 40px; border: 0; background: transparent; padding: 0;margin: 0; box-shadow: none;}
.ui-input-datebox input {display: none;}
于 2012-03-09T09:37:43.227 回答
2
使用数据选项“hideInput”：“true”（参见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-06T13:35:31.713 回答
1
显然我没有去记录这个 - useInlineHideInput: true 应该这样做。我认为这也取决于 useInline 是否正确。
于 2012-03-11T03:30:29.163 回答
1
可以这样做：
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">
JS
$('#date-trigger').on( 'click', function(){
$('#date').datebox('open');
});
使用 Datebox2，请参阅http://dev.jtsage.com/jQM-DateBox2/demos/opt/open.html。
大卫
于 2013-08-27T08:11:48.357 回答
1
这是一个很好的答案。
<input id="date-id" name="date" type="text" data-role="datebox" data-options='{"mode":"calbox", "hideInput": "true", "hideButton": "true", "useInline": "true"}'>
于 2014-10-26T17:57:33.713 回答
0
您可以使用以下代码隐藏输入框：
<div style="display: none;">
<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox", "calTodayButton": true}'>
</div>
于 2011-10-19T08:16:15.207 回答