jQuery Datepicker不能在移动上工作

我正在用datepicker元素创建窗体。我在日期有输入，但设计师希望日历在输入字段被点击时打开，而不是从下拉箭头中打开。所以，我正在使用jQuery datepicker，它在桌面上完全按照我的需要工作。但是，当我切换到移动视图时，什么也没有加载。我对jQuery非常陌生。jQuery Datepicker不能在移动上工作

这里是头脚本：

<script type = "text/javascript" src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script type = "text/javascript" 
    src = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>

脚本：

$(function() { 
     $("#datepicker").datepicker(); 
    });

而且我的HTML的基本版本：

<p>Date: <input type = "text" id = "datepicker"></p>

为什么它不会加载任何帮助在手机上的页面非常感谢！

来源

2017-08-10 Rachel B.

你尝试使用jQuery Mobile的？ – Dekel

您还有什么可以帮助我们排除故障的吗？使用你分享的一点点，我把一个jsFiddle放在一起，尝试重新创建问题，但即使在我的移动设备上，它也能按预期工作。当你说“切换到移动视图”时，你是否调整了浏览器的大小，模拟移动设备，类似的东西？ –

@Dekel工作，但现在我的桌面网站上的样式是完全错误的。我试过“数据角色：没有;”但它似乎并不奏效。 –

何时执行您的功能$("#datepicker").datepicker();？当库已经加载

实例化您的日期选择器和DOM被加载：

$(document).ready(function() { 
 
    $("#datepicker").datepicker({ }); 
 
});

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <div> 
 
    <input name="date" type="text" placeholder="Choose date" id="datepicker"> 
 
    </div> 
 
</body> 
 

 
</html>

来源

2017-08-12 08:02:57 deblocker

jQuery Datepicker不能在移动上工作

回答

相关问题