Question

我添加此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>

Answer 1

您是否已包含所需的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>

Answer 2

使用代码中的属性名称提供互联网搜索引擎表明您正在使用Bootstrap Datepicker by Sebastien Malot。更具体地说，它是插件网站中Positionning示例的逐字副本。

要弄清楚出现了什么问题，首先需要检查浏览器控制台（不确定您的浏览器是什么，但您可以尝试 F12 ）。由于它是示例代码的精确副本，因此您很可能无需下载它。

显然，插件作者忘记记录安装过程以及依赖项。它似乎需要jQuery，并且在其名称上有一个Bootstrap，它可能还需要Twitter Bootstrap。

日期和时间选择器不起作用

2 个答案: