首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >DateBox Jquery移动扩展

DateBox Jquery移动扩展
EN

Stack Overflow用户
提问于 2013-07-12 04:31:31
回答 1查看 342关注 0票数 0

如果首先需要选择日期,然后单击“选择日期”,我将尝试对datebox进行扩展。

一切正常,差不多了。当我点击“选择日期”按钮时,模式窗口后面的内容就会被点击,在我的例子中,它就是一个搜索按钮。

有人知道为什么吗?

代码语言:javascript
运行
AI代码解释
复制
 if (o.useSelectDateButton) {
            $('<a href="#">Välj datum</a>')
                .appendTo(hRow).buttonMarkup({ theme: o.theme, icon: 'check', modal: true, iconpos: 'left', corners: true, shadow: true })
                .on(o.clickEvent, function(e) {
                    if ($(this).jqmData('enabled')) {
                        w.theDate.set(2, 1).set(1, $(this).jqmData('month')).set(2, $(this).jqmData('date'));
                        w.d.input.trigger('datebox', { 'method': 'set', 'value': w._formatter(w.__fmt(), w.theDate), 'date': w.theDate });
                    }

                    if (w.theDate == new Date()) {
                        w.theDate.set(2, 1).set(1, $(this).jqmData('month')).set(2, $(this).jqmData('date'));
                        w.d.input.trigger('datebox', { 'method': 'set', 'value': w._formatter(w.__fmt(), w.theDate), 'date': w.theDate });
                    }
                    w.d.input.trigger('datebox', { 'method': 'close' });
                });
        }

--我把这个日期框叫做:

代码语言:javascript
运行
AI代码解释
复制
 <input name="datepicker" id="datepicker" type="date" data-role="datebox" data-options='{"mode": "calbox", "calShowWeek": true, "overrideCalStartDay": 1, "useModal": true, "useAltIcon": true, "afterToday": true, "useFocus": true }'>

添加了一个JsFiddle 按一下小提琴

问题是我不能在浏览器中重新创建这个问题,它只发生在移动设备中。

EN

回答 1

Stack Overflow用户

发布于 2013-07-12 04:54:31

您能摆弄这个吗?您为此使用了哪些jquery库?

是另一种选择/选择:

看看

它是一个非常简单的jquery库的日期时间选择器,使其工作非常简单。

头标签:

代码语言:javascript
运行
AI代码解释
复制
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker();
});

车身标签:

代码语言:javascript
运行
AI代码解释
复制
<p>Date: <input type="text" id="datepicker" /></p>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17614990

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档