文章/答案/技术大牛

发布

社区首页 >问答首页 >用于标签单击的jquerymobile日期框

问用于标签单击的jquerymobile日期框
EN

Stack Overflow用户

提问于 2012-08-24 07:08:04

回答 1查看 585关注 0票数 0

当前的jquerymobile实现的datebox (或者像jtsage这样的插件)会弹出一个用于文本输入的datebox。有没有办法将其扩展到当用户单击标签(或任何随机文本)时显示日期框的情况？

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

jquery-mobile

datebox

datetime

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-08-24 07:55:43

当然，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 */   
}

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

请注意，我在datebox的早期版本中使用了代码/标记，因此data-options可能会有一些变化。从那以后，我开始使用MobiScroll插件。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12101226

复制

相似问题

问用于标签单击的jquerymobile日期框
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于标签单击的jquerymobile日期框EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于标签单击的jquerymobile日期框
EN