使用jquery mobile( datepicker )的datepicker时我遇到了一些问题

当我使用jQuery的1.5版本和jQuery mobile的1.0a4.1时,datepicker会按预期显示。 这是代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <link href="~/Content/jquery.ui.datepicker.mobile.css" rel="stylesheet" />
    <link rel="stylesheet"  href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
    <script>
        //reset type=date inputs to text
        $(document).bind("mobileinit", function () {
            $.mobile.page.prototype.options.degradeInputs.date = true;
        });
    </script>
    <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
    <script src="~/Scripts/jquery.ui.datepicker.js"></script>
    <script src="~/Scripts/jquery.ui.datepicker.mobile.js"></script>

</head>
<body>

    @RenderBody()
    <div data-role="page">

        <div data-role="content">
            <p>Hello world</p>
            <form action="#" method="get">
                    <div data-role="fieldcontain">
                        <label for="date">Date Input:</label>
                        <input type="date" name="date" id="date" value="" />
                    </div>
                </form>
</div>
</body>

但是当我使用jQuery 1.9.1和jQuery mobile 1.3.1时,它会产生以下错误:

TypeError:Object [object Object]没有'live'方法[http:// localhost:62799 / Scripts / jquery.ui.datepicker.mobile.js:50]

码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <link href="~/Content/jquery.ui.datepicker.mobile.css" rel="stylesheet" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>
        //reset type=date inputs to text
        $(document).bind("mobileinit", function () {
            $.mobile.page.prototype.options.degradeInputs.date = true;
        });
    </script>
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
    <script src="~/Scripts/jquery.ui.datepicker.js"></script>
    <script src="~/Scripts/jquery.ui.datepicker.mobile.js"></script>

</head>
<body>

    @RenderBody()
    <div data-role="page">
        <div data-role="content">
            <p>Hello world</p>
            <form action="#" method="get">
                    <div data-role="fieldcontain">
                        <label for="date">Date Input:</label>
                        <input type="date" name="date" id="date" value="" />
                    </div>
                </form>
</div>
</body>

有一些解决方法吗?

===============>>#1 票数:4

基本上你可能正在使用旧版本的datepicker

您的版本仍然使用实时绑定功能。 在jQuery 1.9+版本中不推荐使用相同的功能。

你有2个解决方案:

  1. 使用较新版本的datepicker
  2. 或者使用jQuery版本1.8.3,因为它仍然具有实时功能,jQuery Mobile可以正常使用它。

===============>>#2 票数:2 已采纳

您正在使用的日期选择器是实验性的,并且从未进入主构建

DateBox是另一种替代方案,可供移动使用

  ask by amp translate from so

未解决问题?本站智能推荐:

2回复

jQuery Mobile日期选择器消失

当我从JQM页面中的http://dev.jtsage.com/jQM-DateBox2打开日期框时,日期选择器在0.5秒后消失。 这仅在智能手机/平板电脑上发生。 在桌面浏览器上,它显示正常。 我还注意到,当我在平板电脑上打开选取器时,标题会闪烁一点。 也许这是一些新的迹象?
2回复

在DateBox Jquery Mobile中动态设置日期和时间

我需要将日期和时间动态填充到JQuery DataBox输入字段中。 我尝试这样做,但是无论我传递的数据如何,它都会在输入字段中填充当前日期。 这是我要在界面中动态克隆的日期选择器。 HTML: Javascript:- 我以类似的方式创建时间选择器并像上面一样克隆
1回复

使jQuery移动日期框运行(TypeError:a.mobile.datebox未定义)

我无法运行jQueryMobile-DateBox。 它根本没有显示,我遇到了一些JS错误。 这是我的代码: 标头: 身体: 没有显示日期选择器,Firebug给了我以下错误: 错误应该在jquery.mobile.datebox.i18n.de.utf8.js
1回复

动态创建的jQuery Mobile DateBox不显示时间选择器

我在我的cordova应用程序中将Jquery Mobile DateBox插件用于日期/时间选择器。 如果将其编写为HTML文件,则效果很好。 如果我克隆具有DateBox输入的div并将其附加到另一个div,就会出现问题。 点击计时器图标时,时间选择器未弹出。 我要克隆的div是
1回复

如何从循环div的Jquery Mobile Datebox输入字段获取日期

我需要遍历div并从div中的所有输入字段获取日期。 输入字段是Jquery Mobile DateBox输入字段。 我正在克隆一个包含Jquery Mobile DateBox输入字段的div,并追加到另一个主div。 根据需要,可能会多次发生相同的情况。 在字段中设置日期后,我正
1回复

jQuery Mobile Datepicker,选择日期并显示事件

我有一张桌子,上面有活动及其重复的频率(星期一,星期二等)。我拥有的移动网页将显示今天的详细信息。 我想在页面上的导航栏中添加日期选择器按钮。 以下代码获取“今天”的信息 我想使用日期选择器将当天设置为用户的选择。 我尝试过使用Jquery Mobile Date Box,但无
2回复

使用overrideTimeFormat的jQueryMobile-Timebox问题

我正在尝试在强制时钟模式下使用带有数据选项时间框的jQM-DateBox,以获得24小时的小时范围,如下所示:[在此处输入链接描述] [jQM-DateBox Time] 我只是复制粘贴我的应用程序中的代码 它仍然继续向我显示AM / PM模式。 有人注意到这种行为吗? 知道怎
1回复

jQuery DateBox收到连续的mousedown

我正在使用TimeBox插件,并且遇到了问题。 重现步骤: 将鼠标移到字段的减小(-)或增大(+)按钮上。 按住鼠标按钮的同时,移到按钮外部。 释放鼠标按钮。 结果:相关字段接收到连续事件,并不断更改小时/分钟/上午-下午。 我可以在作者的网站上做同
1回复

如何使Datebox Jquery Mobile输入字段可单击?

我有两个日期字段。 字段2正常工作。 在第二个字段的输入类型日期上单击任意位置可打开日历。 但是对于初次约会字段却不起作用。 当我单击日期字段的日历图标时,它会打开日历,但我也希望在单击字段1的日期字段中的任何位置时弹出该日历。 为什么它适用于第二个字段但不适用于第一个字段。 同
1回复

如何在jQuery Mobile DateBox2中以编程方式设置DurationBox值?

我在我的jQuery Mobile网页上使用DateBox2插件。 我从JSON Web服务获得以秒为单位的持续时间,该持续时间可以长达数天(例如86400s)。 我想使用标准的DateBox2持续时间显示将其发布到我的文本输入中,例如“ 1 Day,00:00:00”,但是我得到的