如何将 datepicker 插入 jquery 向导？答案

【问题标题】：how to insert datepicker into a jquery wizard?如何将 datepicker 插入 jquery 向导？
【发布时间】：2014-11-10 09:21:57
【问题描述】：

我创建了一个 jquery 向导表单，我必须在里面插入一个输入 -> datepicker，但它不起作用。

这是输入行：

<label for="created">Creation date *</label><input name="created" id="created" type="text">

这里是简单的javascript：

<script>
$('#created').datepicker();
</script>

我认为问题出在加载 JavaScript 之后呈现的向导。无论如何，我仍在寻找解决方案。

谁能帮帮我？

谢谢加埃塔诺

【问题讨论】：

【解决方案1】：

根据您的代码在页面中的放置位置，DOM 尚未准备好（因此$('#created') 选择器不会返回匹配项）。

在您的代码周围添加一个 DOM 就绪处理程序：

<script>
    $(function(){
        $('#created').datepicker();
    });
</script>

注意：$(function(){yourcode}); 是$(document).ready(function(){yourcode}); 的快捷方式

【讨论】：

【解决方案2】：

使用jquery ready函数初始化datepicker。

例如：

<script>
    $(document).ready(function(){
    $('#created').datepicker();
});
</script>

【讨论】：

【解决方案3】：

我找到了解决方案。就在 12 天前发布了新功能，允许您初始化变量（或任何可能提供服务的变量）并在向导初始化时触发这些变量。

在我的例子中，我使用 onInit() 进行事件管理。

在link 可以看到 jQuery 向导步骤的所有规范。

拜兹加埃塔诺

【讨论】：

【解决方案4】：

我试着设置

onInit : function (event, currentIndex) { $(".datepicker").datepicker(); },

仍然不工作（虽然它在向导 div 之外工作）

【讨论】：