Question

我正在尝试显示多个日期选择器范围格式，如（2015年3月2日 - 2016年3月12日）使用了一个插件http://multidatespickr.sourceforge.net/，我尝试了以下代码

$(function() {
   $(".datepicker").multiDatesPicker({
        minDate: 0, 
        showButtonPanel: true, 
        changeMonth: true, 
        changeYear: true, 
        onSelect: function(dateText, inst) { 
                     inst.settings.defaultDate = dateText; 
                  }
    });
});

但它不起作用，有人帮助我吗？

Answer 1

您可能不需要onSelect处理程序。可以通过以下设置轻松完成：

dateFormat: "M d, yy",
separator:' - '

    $(function() {
      $("#dp").multiDatesPicker({
        dateFormat: 'M d, yy',separator:' - '
      });
    });

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="http://multidatespickr.sourceforge.net/jquery-ui.multidatespicker.js"></script>
<link rel="stylesheet" href="http://multidatespickr.sourceforge.net/css/pepper-ginder-custom.css" />

<input id="dp" type="text" />

如何在multi-datepicker插件中显示月份名称？

1 个答案: