Question

美好的一天

我第一次使用输入类型=“日期”但后来发现它在firefox中不受支持。

所以，现在我正在使用下面的代码，但仍然没有显示日历

帮助

由于

HTML：

<input class="input" name="dateNew" id="datetimepicker" type="text"/>

Jquery的：

<body>

<script>
jQuery('#datetimepicker').datetimepicker();
</script>
</body>

＆lt; / body＆gt;

<!-- this should go after your </body> -->
<link rel="stylesheet" type="text/css" href="/jquery.datetimepicker.css"/ >
<script src="/jquery.js"></script>
<script src="/build/jquery.datetimepicker.full.min.js"></script>

Answer 1

您应该在包含它的JS文件后致电datetimepicker();，因此它应该在以下一行之后。

<script src="/build/jquery.datetimepicker.full.min.js"></script>

HTML看起来像这样，

<body>
    <!-- this should go after your </body> -->
</body>
<link rel="stylesheet" type="text/css" href="/jquery.datetimepicker.css"/ >
<script src="/jquery.js"></script>
<script src="/build/jquery.datetimepicker.full.min.js"></script>

<script>
jQuery('#datetimepicker').datetimepicker();
</script>

Answer 2

请更改：

jQuery('#datetimepicker').datetimepicker();

到

$(document).ready(function(){
     jQuery('#datetimepicker').datetimepicker();
})

Answer 3

所以我现在回答我自己的问题:)

我已经解决了使用日期选择器而不是日期时间选择器的问题。我现在只需要约会而不是时间，所以我做了：

<html>
<head>
<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="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
            <script type="text/javascript">

<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(){
    var pickerOpts = {
        dateFormat: "yy-mm-dd"
    };  
    $("#datepicker").datepicker(pickerOpts);
});

  </script>
<head>
<body>
<input class="input" name="dateNew" id="datepicker" type="text"/>

</body>
</html>

将输入类型=日期替换为Javascript代码。日历/时间未显示

3 个答案: