如何更改引导日期范围选择器的宽度？

问题描述

我正在使用 Bootstrap 日期范围选择器，我想用 jquery 设置最大宽度。我有以下日期范围选择器的代码。 对于选项，

let days = [
        '{{__('dashboard.dayName.su')}}','{{__('dashboard.dayName.mo')}}','{{__('dashboard.dayName.tu')}}','{{__('dashboard.dayName.wed')}}','{{__('dashboard.dayName.thu')}}','{{__('dashboard.dayName.fri')}}','{{__('dashboard.dayName.sat')}}',];


let months =  [
        '{{__('dashboard.monthName.jan')}}','{{__('dashboard.monthName.feb')}}','{{__('dashboard.monthName.march')}}','{{__('dashboard.monthName.april')}}','{{__('dashboard.monthName.may')}}','{{__('dashboard.monthName.june')}}','{{__('dashboard.monthName.july')}}','{{__('dashboard.monthName.aug')}}','{{__('dashboard.monthName.sep')}}','{{__('dashboard.monthName.oct')}}','{{__('dashboard.monthName.nov')}}','{{__('dashboard.monthName.dec')}}'
    ];

$('input[name="daterange"]').daterangepicker({
            opens: 'right',"locale": {
                "daysOfWeek": days,"monthNames": months,},function(start,end,label) {
                $('#start_date').val(start.format('YYYY-MM-DD'));
                $('#end_date').val(end.format('YYYY-MM-DD'));
                $('#search_dashboard_data_form').submit();
            }
        });

它显示以下噘嘴 [![在此处输入图片描述][1]][1]

但左克兰德低于右克兰德。我想改变左 cland 的宽度。我正在使用这个，

 $('.calendar.left').css('max-width','345px');

但不影响风格。 但是当我从浏览器更改它时。 [![在此处输入图片描述][2]][2]

我该如何解决。 [1]：https://i.stack.imgur.com/i9NCG.png [2]：https://i.stack.imgur.com/m3RQJ.png

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）