Bootstrap Flatty和jQueryUI日期选择器

我试图在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();
});

$（文档）.ready（函数（）
{
$（'.hasDatepicker'）.datepicker（）；
});

我正在寻找任何建议，让引导平坦的日期选择器或正常的jQueryUI日期选择器工作

我已经创建了一个JSFIDLE资源，所有外部资源都加载在。

好的，这部分

<input class="form-control hasDatepicker"

它会成功的

请查看：

<input class="form-control"

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