Bootstrap Flatty 和 jQueryUI 日期选择器答案

【问题标题】：Bootstrap Flatty and jQueryUI DatepickerBootstrap Flatty 和 jQueryUI 日期选择器
【发布时间】：2014-04-14 12:38:11
【问题描述】：

我正在尝试在可以在http://wrapbootstrap.com/preview/WB0P6NR1N 找到的 CSS 模板上实现一个普通的 jQueryUI 日期选择器。此模板已内置日期/时间选择器（可在“表单”>“表单组件”下找到），但我无法让它们工作。文档非常缺乏关于要包含哪些内容才能使其正常工作。另外，我不想使用文本框侧面的弹出“按钮”，而是在用户关注文本框时弹出它。

我已经尝试了如下的普通 jQueryUI 日期选择器代码，但即使调用 datepicker() 函数没有错误，也没有弹出日期选择器。

<div class="form-group">
    <input class="form-control hasDatepicker" id="date_of_birth" name="date_of_birth" type="text" placeholder="DATE OF BIRTH" data-format="YYYY-MM-DD" data-validation="length" data-validation-error-msg="Please enter valid date of birth" data-validation-length="min10,max10">
</div>

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

我正在寻找有关让 bootstrap flatty datepicker 或正常 jQueryUI datepicker 正常工作的任何建议。

我创建了一个 JsFiddle 资源，所有外部资源都加载到 http://jsfiddle.net/7A8CM/。

【问题讨论】：

标签： jquery html jquery-ui twitter-bootstrap datepicker

【解决方案1】：

好的，这部分

<input class="form-control hasDatepicker"

错了，因为 hasDatepicker 实际上是 jquery UI 的一个类，所以如果我们删除它并将其更改为：

<input class="form-control"

然后将javascript更改为：

$('.form-control').datepicker();

它会起作用的！

检查一下：

http://jsfiddle.net/JY8uj/

【讨论】：