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

问题描述

我使用以下行在我的页面中使用 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

解决方法

首先，将您从 $('#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]));