javascript - Eyecom 的 Bootstrap 日期选择器似乎不起作用?

原文 标签 javascript jquery html twitter-bootstrap datepicker

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

  • Bootstrap Datepicker seems to not work
  • How do I implement and use eyecon's bootstrap-datepicker?

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

    这是我的代码:
    <!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>
    

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

    最佳答案

    请引用http://jsbin.com/lerojivu/1/edit
    DIV 包含 INPUT 和 SPAN 元素,这是启动日期选择器所必需的。

    关于javascript - Eyecom 的 Bootstrap 日期选择器似乎不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22211210/

    相关文章:

    javascript - 我的脚本中的 “this”对象在IE中不支持此属性或方法

    javascript - jQuery动态更新div内容,按滚动位置跳转

    javascript - Microsoft Edge 和 Internet Explorer 的 Kendo UI MVC 中的模型为空

    java - 关于imdb 403错误的Jsoup

    横跨整个屏幕的 HTML 图像

    javascript - 当浏览器窗口<830px但保留文本时,删除超链接

    javascript - 添加某个时间的行值

    javascript - 使用动态添加的行切换表列

    javascript - 一定延迟后一一加载不同的url

    html - Bootstrap 中的粘性页脚设置不起作用