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

Question

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

Answer 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]));

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

how do i convert daterangepicker value to two different variable?

javascript

jquery

daterangepicker