日期和時間選擇器不工作

我添加此JavaScript代碼來選擇日期和時間，但它不起作用。有誰能夠幫助我？日期和時間選擇器不工作

<div class="input-append date form_datetime"> 
     <input size="16" type="text" value="" readonly> 
     <span class="add-on"><i class="icon-th"></i></span> 
    </div> 

    <script type="text/javascript"> 
     $(".form_datetime").datetimepicker({ 
      format: "dd MM yyyy - hh:ii", 
      autoclose: true, 
      todayBtn: true, 
      pickerPosition: "bottom-left" 
     }); 
    </script>

來源

2017-06-21 Dushee

https://jqueryui.com/datepicker/ –

你應該解釋你正在使用的庫（至少有十幾個市長）。 –

@MarioRuiz jQuery UI Datepicker似乎沒有'pickerPosition'選項，他必須使用其他庫。 –

您是否包含了所需的js文件？

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
    </script> 
</head> 
<body> 

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


</body> 
</html>

來源

2017-06-21 15:05:07

這是很好的Marioo ....太好了，謝謝 – Dushee

在您的代碼中使用屬性名稱提供的互聯網搜索引擎建議您使用的是Bootstrap Datepicker by Sebastien Malot。更具體地說，它是插件站點中的Positionning示例的逐字副本。

要弄清楚出現了什麼問題，您首先需要檢查瀏覽器控制檯（不確定您的瀏覽器是什麼，但您可以嘗試F12）。由於它是示例代碼的精確副本，因此您很可能不會在乎下載它。

顯然，插件作者忘記記錄安裝過程以及相關性。它似乎需要jQuery，並且在其名稱上使用Bootstrap，它可能還需要Twitter Bootstrap。

來源

2017-06-22 07:30:10

日期和時間選擇器不工作

回答

相關問題