Jquery 多个签入/签出日期选择器？

我有一个日期选择器，带有我从示例网站抓取的签入和签出日期：

我的问题是，如果我有多个签入签出表单，而不必重复整个代码来替换类名，那么如何实现这一点

---

Her是一个plunkr:

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

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

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

的值在设置过程中设置，并保存在闭包中。但它们只在函数内部使用，每次调用函数时，都会设置一组新的值