Datetime 用于标签单击的jquerymobile日期框

datebox的当前jquerymobile实现（或像jtsage这样的插件）弹出一个用于文本输入的日期框。是否有必要将其扩展到当用户单击标签（或任何随机文本）时我希望显示日期框的情况

例如，在我的例子中，我想在用户单击文本“8/1/2012-8/7/2012”时显示日期框。

当然，有一个

打开的方法

所以你可以做一些像

$('#myLabel').on('click', function() {
  $('#mydate').datebox('open');
});

编辑：

好的，所以你根本不想显示输入，正如我在评论中提到的，我曾经用
日期框
插件做过类似的事情，我需要做的是将它包装在一个div中，通过将它的z-index设置为-1，我刚刚从视口隐藏了它。问题是
z-index
必须在代码中更改（基本上是在插件初始化之后）。下面是一些示例代码

HTML

JS

请注意，我在早期版本的
datebox
中使用了代码/标记，因此
数据选项可能发生了一些变化。我已经改用这个插件了
 谢谢。这仍然需要一个输入字段，对吗？在这里的示例中，我不需要任何输入字段。我希望能够单击文本并显示日期框。它需要一个输入字段，但该输入字段可以隐藏，您可以从输入中提取值。我已经尝试过，但不幸的是，日期框无法使用。它仍然会显示一个大的输入字段。这绝对是可行的，我过去已经沿着这些行做了一些事情，我想我可能不得不将输入包装在div中并隐藏div（我不确定，但我可能不得不将它隐藏在视口之外，而不是只显示
display:none
。我最终切换到插件中（我发现它更快，至少当时是这样）。我会尝试找到我使用的代码和标记，然后发布。
 <div  class="hdnDateBoxCnt width25Percent"> 
                  <input type="date" name="myDateBox" id="myDateBox" data-role="datebox"
                     data-options='{"mode":"calbox",  "disableManualInput": true, "noButtonFocusMode": true}' />
  </div>

.hdnDateBoxCnt 
{
  position:absolute;
  /* z index needs to be set in code */   
}

$('.hdnDateBoxCnt').css('z-index', '-1');