daterangepicker仅显示年份和月份

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

它显示了完整的daterangepicker：

我想隐藏日历并只显示数年和数月下拉，如下所示：

Answer 1

只需添加以下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 }