0

datebox 的当前 jquerymobile 实现（或像 jtsage 之类的插件）会弹出一个用于文本输入的日期框。无论如何，是否可以将其扩展到当用户单击标签（或任何随机文本）时我想显示日期框的情况？

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

4

1 回答 1

2

当然，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插件。

于 2012-08-23T23:55:42.703 回答