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

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。