jquery - 使用 daterangepicker.js 如何仅选择日期和月份？

Question

我在 asp.net mvc 中有一个项目，我使用 daterangepicker.j 作为日期选择器。那么我如何在文本框中仅选择日期和月份。

我的文本框是

<input type="text" id="yearEndDatePicker" placeholder="" data-bind="value: yearEnd" class="form-control">

我的代码是

$('#yearEndDatePicker').datepicker({
                autoclose: true,
                format: 'mm-dd-yyyy',
            });

这里我想要选择日期为“7 月 17 日”时的格式

Answer 1

没有找到任何相关内容，但我设法通过使用一些自定义设置为自己找到了解决方案。

$('#date').daterangepicker({
  "singleDatePicker": true,
  "locale": {
    "format": "DD/MM",
  },
  startDate: '01/01',
  endDate: '31/12',
  minDate: '01/01',
  maxDate: '31/12',
  showDropdowns: true
}
);

.yearselect{
  display: none;
}

<!-- Include Required Prerequisites -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css" />
 
<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />

<input type="text" id='date'/>

它可以让您选择日期和月份。

我无法删除星期/月份的关系。但通过此设置，它将始终选择当前年份的设置。

一切正常。我必须使用 CSS 来隐藏年份选择器。

JSFiddle