如何将 daterangepicker 值转换为两个不同的变量？答案

【问题标题】：how do i convert daterangepicker value to two different variable?如何将 daterangepicker 值转换为两个不同的变量？
【发布时间】：2021-04-30 18:47:41
【问题描述】：

我已使用以下行在我的页面中使用 daterangepicker

<div id="reportrange" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
        <i class="fa fa-calendar"></i>&nbsp;
            <span></span> <i class="fa fa-caret-down"></i>
</div>

当我在我的 javascript 部分打印时

 console.log($('#reportrange span').text())

我得到了类似的输出

April 5, 2021 - April 28, 2021

如何将以上输出转换为 'YYYY-MM-DD' 格式的两个不同的变量，如 startDate 和 endDate

【问题讨论】：

标签： javascript jquery daterangepicker

【解决方案1】：

首先，将从$('#reportrange span').text() 获得的字符串存储到一个变量中（例如dateStr）。然后，我们需要用中间的' - '分割字符串，并将第一个和最后一个日期字符串转换为您想要的格式。为此：

const getDateInFormat = (date) => {
    return [
        date.getFullYear(), ('0' + (date.getMonth() + 1)).slice(-2), ('0' + date.getDate()).slice(-2)]
    .join('-');
}

现在，我们可以传递日期字符串了。

const dateOne = getDateInFormat(new Date(dateStr.split(' - ')[0]));
const dateTwo = getDateInFormat(new Date(dateStr.split(' - ')[1]));

【讨论】：