Javascript 在JQuery中使用类选择相同的元素

我的应用程序中有很多日期字段。IDs无法帮助，我想使用类格式化日期字段。在尝试格式化日期时，Holder2日期也会更改为Holder1的日期PFB

$（文档）.ready（函数（）{
$（'.date'）.val（$.format.date（$（'.date'）.val（），“MM/dd/yyyy hh:MM a”）；
});

试验
持有人1:

持有人2：
文档中有一个使用css类的格式设置。


$（文档）.ready（函数（）{
var longDateFormat=“MM/dd/yyyy hh:MM a”；
jQuery（“.date”）。每个函数（idx，elem）{
jQuery（elem）.val（jQuery.format.date）（jQuery（elem.val（），longDateFormat））；
});
});

持有人1：

持有人2：
您不能这样做，因为最后您会看到所有输入都有相同的结果，事实上，第一个结果添加到所有输入中

你应该使用

$（'.date'）
选择器将更改应用于与该选择器匹配的所有jQuery元素，但将从与查询匹配的第一个元素中获取
val
。要从要格式化的元素中获取
val
，可以使用jQuery的
.each（）
，以及
$（this）
，以确保目标是当前匹配的元素


$（文档）.ready（函数（）{
$（'.date'）。每个（函数（）{
$（this.val（$.format.date（$（this.val（），“MM/dd/yyyy hh:MM a”）；
});
});

试验
持有人1:

持有人2：
您需要一次执行一个元素，这可以通过
.each（）
循环执行，或者更方便地通过。您提供的函数将为每个元素调用一次，并将接收字段的当前值作为参数；返回的任何值都将被设置为该值


$（文档）.ready（函数（）{
$（'.date'）.val（函数（i，oldVal）{
返回$.format.date（oldVal，“MM/dd/yyyy hh:MM a”）；
});
});

试验
持有人1:

持有人2：
我可以看到一个变量“idx”，我猜它是一个索引变量，但它在任何地方都没有使用。那么它有什么用呢。你能解释一下工作原理吗？或者请给我一些建议让我看看。谢谢。我刚在这里找到一个-
$('.date').each(function(index){
    $(this).someMethod()
});