在同一页上使用两个具有两种不同日期格式的日期选择器

Question

我正在使用jQuery DatePicker开发一个ASP.NET MVC网页。

我有下面的页面，其中有两个使用Datepicker的输入字段：

<tbody>
    <tr>
        <td>
            <div class="group">      
              <input type="text" 
                  name="BatchProducts[0].BatchName" 
                  id="BatchProducts[0].BatchName"
                  required />
            </div>
        </td>
        <td>
            <div class="group">      
              <input type="text" class="datepicker"
                  name="BatchProducts[0].MadeDate" 
                  id="BatchProducts[0].MadeDate"
                  required />
            </div>
        </td>
        <td>
            <div class="group">      
              <input type="text" class="datepicker"
                  name="BatchProducts[0].ValidateDate" 
                  id="BatchProducts[0].ValidateDate"
                  required />
            </div>
        </td>
    </tr>
</tbody>

以及以下js脚本：

$.datepicker.setDefaults(
  $.extend(
    $.datepicker.regional['es'],
    { 'dateFormat': 'yy-mm' }
  )
)
$(function () {
    $(".datepicker").datepicker();
});

我的问题是，我需要具有日期格式yy-mm的BatchProducts[0].MadeDate和具有日期格式yy-mm-dd的BatchProducts[0].ValidateDate。

我该怎么做？

这是我第一次使用这个小部件，我不知道怎么做。我在某个地方读到，我可以使用两个不同的类，并对每个类使用两个不相同的日期选择器。但我不知道如何为每个日期分配不同的日期格式。

Answer 1

$(function(){
   $(".datepicker[name='BatchProducts[0].MadeDate']").datepicker({ 'dateFormat': 'yy-mm' });
   $(".datepicker[name='BatchProducts[0].ValidateDate']").datepicker({ 'dateFormat': 'yy-mm-dd' });
});

分别初始化它们并分别传递format。