0

我在布局文件中 <

script type="text/javascript">
$(function() {
    // Datepicker
    $('#passExp1').datepicker({
        inline: true
   });
});
</script>

在一个视图中

<script type="text/javascript">

function addInput(divName) {
  ... code to add the new div with form fields...

   newCalendar="passExp"+(counter+1);

   newFunction(newCalendar);

}

</script>

如何创建一个 newFunction 来调用 newCalendar （这是新的表单 ID）以将 datePicker 添加到它？

我想让它使用 DatePicker新的 passExp2,passExp3,passExp4,passExp5,...

4

2 回答 2

2

由于newCalendar参数的值是新 div 的 id，因此您可以在函数中执行此操作：

$('#' + newCalendar).datePicker();
于 2012-08-15T18:50:08.157 回答
1

我建议使用更好的 JS 组织（我的也不是很好），但您应该在 JS 文件中执行以下操作：

jscode.js

newCalendar(selector){
    $(selector).datepicker({
        inline: true
   });
});

function addInput(divName) {
  ... code to add the new div with form fields...
   selector="passExp"+(counter+1);
   newCalendar(selector);
}

然后在视图中包含你的 js 文件：<script src="jscode.js"></script>

它应该可以工作，当使用 jQuery 时更容易创建 CSS 选择器并将它们放在 $() 对象中，在这个例子中，我认为不需要为日历创建函数，你可以把它放在addInput功能

于 2012-08-15T18:45:26.803 回答