javascript - 在 JavaScript 中比较新日期失败

Question

我正在尝试为数据表开发自定义日期范围过滤器。用户可以在两个输入中输入开始日期和结束日期并过滤整个表格。

输入开始日期和结束日期时，结果匹配。当我只输入两者之一时，结果失败。例如;开始日期是 12/01/2017 但我可以看到日期为 29-11-2016 的实例......我的过滤代码:

$('#filter').on('click', function(e) {
            e.preventDefault();
            var startDate = $('#start').val(),
                endDate = $('#end').val();

            filterByDate(10, startDate, endDate); // We call our filter function

            $dTable.dataTable().fnDraw(); // Manually redraw the table after filtering
        });

        var filterByDate = function(column, startDate, endDate) {
            $.fn.dataTableExt.afnFiltering.push(
                function( oSettings, aData, iDataIndex ) {
                    var rowDate = normalizeDate(aData[10]),
                        start = normalizeDate(startDate),
                        end = normalizeDate(endDate);


                    // If our date from the row is between the start and end
                    if (start <= rowDate && rowDate <= end) {
                        console.log(start <= rowDate);
                        return true;
                    } else if (rowDate >= start && end === '' && start !== ''){
                        console.log(rowDate >= start && end === '' && start !== '');
                        return true;
                    } else if (rowDate <= end && start === '' && end !== ''){
                        return true;
                    } else {
                        return false;
                    }
                }
            );
        };

        var normalizeDate = function(dateString) {
            var date = new Date(dateString);
            var normalized = ("0" + date.getDate()).slice(-2) + '/'+ (("0" + (date.getMonth() + 1)).slice(-2)) + '/' +date.getFullYear() ;
            return normalized;
        };

一些 JavaScript 天才能帮我得到 rowData >= start.... 的比较吗？和 rowDate <= end....工作正常吗？输入日期由 / 分隔在我的表格中 / , 但 normalizeData 函数使它们具有相同的布局。

Answer 1

您可以使用以下内容来比较两个日期!

在此示例中，您使用 UNIX 时间戳来比较两个日期。

if ((new Date(startDate).getTime() > new Date(endDate).getTime())) { 
  // start date is greater than end date
}

if ((new Date(startDate).getTime() < new Date(endDate).getTime())) { 
  // start date is lower than end date
}

工作片段:

var startDate = document.getElementById('start').value;
var endDate = document.getElementById('end').value;

if ((new Date(startDate).getTime() > new Date(endDate).getTime())) {
  console.log("start date is greater than end date")
}

if ((new Date(startDate).getTime() < new Date(endDate).getTime())) {
  console.log("start date is lower than end date")
}

<input id="start" value="10/10/2017"/>
<input id="end" value="12/10/2017"/>