Eyecom的Bootstrap datepicker似乎不起作用?

时间:2014-03-05 22:56:49

标签: javascript jquery html twitter-bootstrap datepicker

Eyecom的Bootstrap日期选择器似乎不起作用。我正在关注这里的各种问题,例如:

但无济于事。我究竟做错了什么?我点击输入框,它没有显示日期选择器。

这是我的代码:

<!DOCTYPE>
<html>
    <head>
       <meta charset="utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>Test</title>
       <link rel="stylesheet" type="text/css" href="../css/datepicker.css">
       <link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
       <link rel="stylesheet" type="text/css" href="../css/bootstrap-responsive.css">
    </head>

    <body>
      <input type="text" id='datetimepicker1'>       
      <script type="text/javascript" src="../js/jquery.js"></script>
      <script type="text/javascript" src="../js/bootstrap-datepicker.js"></script>
      <script type="text/javascript" src="../js/bootstrap.js"></script>
      <script type="text/javascript">
         $(function () {
             $('#datetimepicker1').datepicker();
          });
      </script>
   </body>
</html>

它应该工作!有什么帮助吗?

1 个答案:

答案 0 :(得分:0)

请参阅http://jsbin.com/lerojivu/1/edit

DIV包含INPUT和SAPN元素是必须启动的datepicker。