多个签到/结帐日期拣货员？

Question

我有一个日期选择器，其中包含我从示例网站抓取的签入和签出日期：LINK

我的问题是，当我有多个签入结帐表单而不必重复替换类名的整个代码时，如何才能完成这项工作？

她是一名傻瓜：LINK

Answer 1

您可以将代码包装在函数中并多次调用它：

http://plnkr.co/edit/ui97SsODrcbwdK9jo8PD?p=preview

在加载函数中以这种方式调用新函数：

checkInOut($('.dpd1a'), $('.dpd2a'), now);
checkInOut($('.dpd1b'), $('.dpd2b'), now);

用此包装并将元素的直接引用更改为inEl和outEl。

var checkInOut = function(inEl, outEl, now) {
    ... existing code is almost exactly the same ...
};

变量checkIn和checkOut的值在设置期间设置并保留在闭包中。但它们仅在函数内部使用，每次调用函数时，都会设置一组新的值。