JQuery移动日期框-如何删除输入框并仅显示内联日历？

大家好

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

谢谢

---

Mike

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

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

---

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

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

这有助于：

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

这有助于：

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

---

显然，我没有抽出时间来记录这一点——使用LINEHINDEINPUT：true应该这样做。我认为这也取决于useInline是否为真。

显然，我没有抽出时间来记录这一点——useInlineHideInput:真应该这样做。我认为这也取决于useInline是否为真。

使用数据选项“隐藏输入”：“真”（然后参见“显示选项”-手风琴选项卡）

带有数据选项“隐藏输入”：“true”（请参见“显示选项”-手风琴选项卡）

---

可以这样做：

HTML

使用Datebox2，请参见

---

David可以这样做：

HTML

使用Datebox2，请参见

---

大卫，这是一个好答案

---

这是一个好答案

---

欢迎来到堆栈溢出。当用代码回答时，请花时间写一两段，解释您的解决方案。欢迎使用堆栈溢出。当用代码回答时，请花时间写一两段，解释你的解决方案。

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