如何将函数应用于两个元素?

时间:2013-02-06 08:44:00

标签: javascript jquery

我有两个元素#DateTimeStart#DateTimeEnd,我想将datetimepicker应用于两者。

使用此代码我无法得到结果..知道我在这里做错了吗?

$(document).ready(function () {
    // This does not work
    $('#DateTimeStart', '#DateTimeEnd').datetimepicker({
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });
});

我想要实现的目标就像是用更少的代码

// This code works
$(document).ready(function () {
    $('#DateTimeStart').datetimepicker({
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });  
    $('#DateTimeEnd').datetimepicker({
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });
});

2 个答案:

答案 0 :(得分:11)

只需用逗号分隔选择器:

$("#DateTimeStart, #DateTimeEnd").datetimepicker({
    addSliderAccess: true,
    sliderAccessArgs: { touchonly: false }
});

在jQuery文档中,它被称为Multiple Selector

答案 1 :(得分:0)

为两个元素分配一个类,说'datepickerclass',然后使用下面的代码 $('.datepickerclass').datetimepicker({ addSliderAccess: true, sliderAccessArgs: { touchonly: false } });
这样,您就可以拥有任意数量的附加了datepicker的元素