【问题标题】:Bootstrap datepicker() is working fine but datetimepicker() is not?引导 datepicker() 工作正常,但 datetimepicker() 不是?
【发布时间】:2017-02-02 09:11:06
【问题描述】:

我知道以前有人问过这个问题,但我的问题有点不同。 我的引导程序datepicker() 功能运行良好。但datetimepicker() 不在同一个文件中工作。请找出我做错了什么。

    <!DOCTYPE html>
    <html lang="en">
    <head>

        <!--Core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/redmond/jquery-ui-1.10.4.custom.min.css" rel="stylesheet"  />

        <link rel="stylesheet" type="text/css" href="css/datepicker.css" />
        <link rel="stylesheet" type="text/css" href="css/timepicker.css" />
        <link rel="stylesheet" type="text/css" href="css/colorpicker.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap-daterangepicker/daterangepicker-bs3.css" />
        <link rel="stylesheet" type="text/css" href="css/datetimepicker.css" />

   </head>
  <body>

    <input type="text" class="form-control  datepicker" />


    <script src="js/jquery.js"></script>
    <script src="js/bs3/js/bootstrap.min.js"></script>
    <script src="js/jquery_timepicker.min.js"></script>
    <script src="js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>

        <script language="javascript">
          $(document).ready(function (e) {
               $('.datepicker').datetimepicker({
                  minDate: today
           }) 

        })
        </script>

</body>
</html>

如果我使用datepicker() 而不是datetimepicker(),它将正常工作。

【问题讨论】:

  • 你能做个小提琴吗
  • 或者您可以发送您正在使用的插件的网址吗?
  • 请检查控制台是否有任何错误
  • 显示错误 TypeError: jQuery(...).datetimepicker is not a function in console window
  • @syed datetimepicker 需要先加载 moment.js ......同样在小提琴中你已经包含了 datepicker 而不是 datetimepicker

标签: javascript jquery html twitter-bootstrap datepicker


【解决方案1】:

不要忘记包含bootstrap-datetimepicker-3.css

<script type="text/javascript">
    $('#id').datetimepicker({
        format:'DD.MM.YYYY'
    });
</script>

【讨论】:

  • 包括在内。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-07-22
  • 2018-02-18
  • 1970-01-01
  • 2012-11-26
  • 1970-01-01
  • 2021-05-16
  • 2021-06-16
相关资源
最近更新 更多