javascript - Fuelux datepicker 我该如何初始化它？

Question

我正在尝试使用 fuelux datepicker似乎甚至无法正确初始化它!非常感激任何的帮助。我基于这里的例子:https://gist.github.com/vernak2539/9980566

页眉:

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="//www.fuelcdn.com/fuelux/3.4.0/css/fuelux.min.css" rel="stylesheet">

HTML:

<div class="fuelux">
  <div class="datepicker dropdown" id="myDatepicker">
    <div class="input-append">
        <div class="dropdown-menu"></div>
        <input type="text" class="span2" value="" data-toggle="dropdown">
        <button type="button" class="btn" data-toggle="dropdown">
        <i class="icon-calendar"></i></button>
    </div>
</div>

在我的 JS 之前:

<!-- jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//www.fuelcdn.com/fuelux/3.4.0/js/fuelux.min.js"></script>

JS:

$(document).ready(function(){
  $('#myDatepicker').datepicker();
});

也试过一个 fiddle ，认为这就足够了，但它不工作: http://jsfiddle.net/z2rpos9g/

Answer 1

看起来标记更重要

看看这个FIDDLE

你还应该添加

fuelux

类到具有日期选择器的 div。