Javascript 日期选择器（引导）不工作？

将显示在输入-日历日期选择器引导中。 问题在于，在前一种情况下，似乎：

<input type="text" class="datepicker_goal" data-provide="datepicker" value="Period">

$('.modal-body input[data-provide="datepicker"]').datepicker();

但我有一个模式窗口，当您激活另一个表单标记并添加：

<input type="text" class="datepicker_goal_modal" data-provide="datepicker_modal" value="Period">

$('.modal-body input[data-provide="datepicker_modal"]').datepicker();

但在第二实施例中，日期选择器未激活，日历不可见。甚至冲突的东西也会关闭模态窗口。告诉我我做错了什么以及如何修复它？如何在所有字段模式窗体中显示日历

这应该行得通。它之前不会出现的原因是，您正在动态创建模式，并且元素选择器功能仅适用于页面首次加载时存在的元素。

以下是工作参考。它有模式弹出窗口和日期选择器连接到输入字段

$('input[data-provide="datepicker"]').datepicker();    

// Append New Input field
$("div.modal-body").append(" <input type=\"text\" class=\"datepicker_goal_modal\" data-provide=\"datepicker_modal\" placeholder=\"Period\">")

// After appending, call datepicker on input field.
$('.modal-body input[data-provide="datepicker_modal"]').datepicker();

---

您是否正在使用ajax创建模式窗口元素..不，只是在jquery append中..在jquery append之后，调用$.datepicker\u goal\u modal.datepicker；我认为您遗漏了一些东西，因为您没有发布所有相关代码，所以我创建了一个具有类似模式的JSFIDLE。检查我的答案，以便与您的代码进行比较

$('input[data-provide="datepicker"]').datepicker();    

// Append New Input field
$("div.modal-body").append(" <input type=\"text\" class=\"datepicker_goal_modal\" data-provide=\"datepicker_modal\" placeholder=\"Period\">")

// After appending, call datepicker on input field.
$('.modal-body input[data-provide="datepicker_modal"]').datepicker();