javascript - 如何从 Bootstrap Datepicker 中提取月份

Question

我是引导日期选择器的新手。我需要做的就是，当我单击id="filter"按钮时，文本id="btn-date-range"将更改为June-20 至 June-29。当我运行我的代码时，我能够将id="btn-date-range"按钮的文本更改为2020-06-20 到 2020-06-29。如何提取月份名称并将其添加到文本中id="btn-date-range"？这是我的代码。

HTML

 <a class="btn btn-info btn-outline btn-rounded my-2" id="btn-date-range"><b>Last 7 Days</b></a>

<div class="row">
    <div class="col-sm-6">
        <label class="control-label"> From </label>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                <input type="text" class="form-control date" name="upper_element_start_date" id="upper_element_start_date">
            </div>
    </div>
    
    <div class="col-sm-6">
        <label class="control-label"> To </label>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                <input type="text" class="form-control date" name="upper_element_end_date" id="upper_element_end_date">
            </div>                      
    </div>
</div>
<button onclick="filterUpperDashboardDetails();" type="button" class="btn btn-primary" id="filter"><i class="fas fa-filter"></i> Filter </button>

Javascript

var startDate = '';
var endDate   = '';

$('.date').datepicker(
{
     format             : 'yyyy-mm-dd',
     todayBtn           : "linked",
     keyboardNavigation : false,
     forceParse         : false,
     calendarWeeks      : true,
     autoclose          : true,
     todayHighlight     : true,
});

function filterUpperDashboardDetails(){
        startDate = $('#upper_element_start_date').val();
        endDate = $('#upper_element_end_date').val();
        $('#btn-date-range').text('From ' + startDate + ' To ' + endDate);
        $('#btn-date-range').addClass('font-bold');
}

标签： javascripthtmljquery