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

时间:2015-12-17 08:15:46

标签: javascript jquery asp.net datepicker

我正在使用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();
});

我的问题是我需要BatchProducts[0].MadeDate日期格式yy-mmBatchProducts[0].ValidateDate日期格式yy-mm-dd

我该怎么做?

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

1 个答案:

答案 0 :(得分:0)

        List<String> matchList = new ArrayList<String>();
    Pattern regex = Pattern.compile("\\'(.*?)\\'");
    String input = "'s'Hello This is 'Java' Not '.NET'";
    Matcher regexMatcher = regex.matcher(input);

    StringBuffer sb = new StringBuffer();
    int counter = 0;
    while (regexMatcher.find())
    {// Finds Matching Pattern in String
        regexMatcher.appendReplacement(sb, "{"+counter+"}");
        matchList.add(regexMatcher.group());// Fetching Group from String
        counter++;
    }
    String format = MessageFormat.format(sb.toString().toUpperCase(), matchList.toArray());
    System.out.println(input);
    System.out.println("----------------------");
    System.out.println(format);

单独初始化它们并单独传递$(function(){ $(".datepicker[name='BatchProducts[0].MadeDate']").datepicker({ 'dateFormat': 'yy-mm' }); $(".datepicker[name='BatchProducts[0].ValidateDate']").datepicker({ 'dateFormat': 'yy-mm-dd' }); });