Question

当前jquerymobile实现的datebox（或某些插件，如jtsage）会弹出一个文本输入的日期框。无论如何将它扩展到我想在用户点击标签（或任何随机文本）时显示日期框的情况？

例如，在我的案例http://jsfiddle.net/sonyisme/UEmh3/1/中，我想在用户点击文本“8/1 / 2012-8 / 7/2012”时显示日期框。

Answer 1

当然，datebox有一个open方法

所以你可以做点什么

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

编辑：

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

HTML

 <div  class="hdnDateBoxCnt width25Percent"> 
                  <input type="date" name="myDateBox" id="myDateBox" data-role="datebox"
                     data-options='{"mode":"calbox",  "disableManualInput": true, "noButtonFocusMode": true}' />
  </div>

CSS

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

JS

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

只是注意我使用了早期版本datebox的代码/标记，因此data-options可能已经发生了一些变化。我已经切换到使用MobiScroll插件。

标签点击的jquerymobile日期框

1 个答案: