twitter-bootstrap daterangepicker 仅显示年份和月份
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/30618462/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-10-21 22:46:44 来源:igfitidea点击:
daterangepicker show year and months only
提问by D34DlyM4N
I'm using daterangepicker bootstrap 3.
我正在使用 daterangepicker bootstrap 3。
$('#pa_date*').daterangepicker({
singleDatePicker: true,
showDropdowns: true,
minDate: min,
maxDate: max,
format: 'DD/MM/YYYY'
}).on('apply.daterangepicker', function (ev, picker) {
alert(picker.startDate.format('MM/YYYY'));
});
It shows me the full daterangepicker:
它向我展示了完整的日期范围选择器：
I want to hide the calendar and show only years and months drop-down, like this:
我想隐藏日历并仅显示年份和月份下拉列表，如下所示：
采纳答案by rafaelcastrocouto
Just add the following css ...
只需添加以下css ...
$('input[name="daterange"]').daterangepicker({
singleDatePicker: true,
showDropdowns: true,
minDate: '06/01/2013',
maxDate: '06/30/2015',
format: 'DD/MM/YYYY'
}).on('hide.daterangepicker', function (ev, picker) {
$('.table-condensed tbody tr:nth-child(2) td').click();
alert(picker.startDate.format('MM/YYYY'));
});.table-condensed thead tr:nth-child(2),
.table-condensed tbody {
display: none
}<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/2.9.0/moment.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/1/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/1/daterangepicker-bs3.css" />
<input name="daterange" value="DD/MM/YYYY">