为什么datepicker类显示一个空对象?

时间:2015-10-27 20:44:07

标签: twitter-bootstrap datepicker

我是bootstrap datepicker的新手。当我初始化它时,datepicker显示。但是,当我尝试调用datepicker时,它只显示一个空对象?

我不确定我在这里做错了什么。如果有人能帮助我,我会非常感激。

以下是我正在使用的系列

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../assets/js/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css">

</head>
<body>

<div data-provide="datepicker-inline"></div>


<script>


 var datepicker =   $(".datepicker");


 //Shows empty object?
 console.log(datepicker);

</script>



</body>
</html>

1 个答案:

答案 0 :(得分:0)

首先,您需要在正确的元素上初始化datepicker。由于类datepicker没有元素,因此您无法在控制台中获得任何内容。你需要这样的东西:

<div class="datepicker"></div>
<script>
  var datepicker = $('.datepicker').datepicker();
  console.log(datepicker);
</script>

请参阅此JSFiddle以获取示例。