Question

我在asp.net mvc中有项目，我使用daterangepicker.j作为datepicker。那我怎么能在我的文本框中只选择日期和月份。

我的文本框是

<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

没有找到任何相关信息，但我通过一些自定义设置找到了自己的解决方案。

＆＃13;

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

＆＃13;

.yearselect{
  display: none;
}

＆＃13;

<!-- 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'/>

＆＃13;

它会让你选择日期和月份。

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

它工作正常。我不得不用css隐藏年份选择器。

JSFiddle

Answer 2

你可以这样使用它：

$('#yearEndDatePicker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'dd MM'
    });

小提琴：http://jsfiddle.net/9U8zT/2/

使用daterangepicker.js如何只选择日期和月份？

2 个答案: