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

How to apply a function to two elements?

本文关键字:两个 元素 函数 应用于      更新时间:2023-09-26

我有两个元素#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 }
    });
});

只需使用逗号分隔选择器:

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

在jQuery文档中,它被称为多选择器

为两个元素指定一个类,比如"datepickerclass",然后使用以下代码$('.datepickerclass').datetimepicker({ addSliderAccess: true, sliderAccessArgs: { touchonly: false } });
通过这种方式,您可以拥有任意数量的带有日期选择器的元素