Fuelux datepicker 如何初始化它

Fuelux datepicker how do I initialise it?

本文关键字:初始化 datepicker Fuelux      更新时间:2023-09-26

我正在尝试使用 fuelux 日期选择器,但似乎甚至无法正确初始化它!任何帮助将不胜感激。我基于这里的例子: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();
});

也尝试过小提琴,认为这就足够了,但它不起作用:http://jsfiddle.net/z2rpos9g/

看起来标记更重要

看看这个小提琴

你还应该添加

fuelux

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