Question

我在布局文件中＆LT;

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作为 new passExp2，passExp3，passExp4，passExp5，...

Answer 1

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

$('#' + newCalendar).datePicker();

Answer 2

我建议使用一个更好的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 函数

中

jQuery调用ajax new div动态ID

2 个答案: