当前位置：文江博客话题详情

JQuery Mobile Datebox - 如何删除输入框并仅显示内联日历？

发布于 2024-11-28 09:22:01 字数 155 浏览 0 评论 0 原文

大家好，

我想使用日期选择器向用户显示事件发生的特定日期。我的游戏计划是使用日期选择器作为内联，显示它始终显示并将突出显示的日期传递给它。我的问题是，如何隐藏输入框，以便用户只能看到日历？或者，用户可以单击按钮来显示日历，但我不希望他们能够选择日期。

谢谢麦克风

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

惟欲睡 2024-12-05 09:22:01

这有助于：

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

this helps:

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

回复收藏 0 原文

℉服软 2024-12-05 09:22:01

使用数据选项“hideInput”：“true”（请参阅http://dev.jtsage.com/jQM-DateBox/demos/fullopt.html，然后是“显示选项”-手风琴-选项卡）

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

with data-option "hideInput": "true" (see http://dev.jtsage.com/jQM-DateBox/demos/fullopt.html and then the "Display Options"-Accordion-Tab)

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

回复收藏 0 原文

尴尬癌患者 2024-12-05 09:22:01

显然我没有抽出时间来记录这个 - useInlineHideInput: true 应该做到这一点。我认为这也取决于 useInline 是否正确。

回复收藏 0 原文

ゃ懵逼小萝莉 2024-12-05 09:22:01

可以这样完成：

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。

大卫

It can be done like that:

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');
});

Using Datebox2, see http://dev.jtsage.com/jQM-DateBox2/demos/opt/open.html.

David

回复收藏 0 原文

☆獨立☆ 2024-12-05 09:22:01

这是很好的答案。

回复收藏 0 原文

心的憧憬 2024-12-05 09:22:01

您可以使用以下代码隐藏输入框：

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

You can hide the input box using following code:

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

回复收藏 0 原文

~没有更多了~