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不能在移動上工作

回答

相關問題