Question

我有在热图上显示标记的脚本

这是脚本

    function getDriving() {
    markers.length = 0;
    var todayval = new Date();
    var url = $('#map').data('request-url2');
    $.getJSON(url,
        function (data) {
            $.each(data,
                function (i, item) {

                    markers.push({
                        'location': new google.maps.LatLng(item.Latitude, item.Longitude),
                        'map': map,
                        'weight': item.Speed,
                        'radius': 10,
                        'date': item.CurrentDateTime,
                        'imei': item.Imei
                    });
                });

            $.each(markers, function (i, marker) {
                var getDate = marker.date.match(/\d/g).join('');
                var markerDate = new Date(parseFloat(getDate));
                console.log(markerDate);
                if (markerDate.getDate() === todayval.getDate()) {
                    todaymarkersfiltered.push(marker);
                }
            });
            var pointArray = new google.maps.MVCArray(todaymarkersfiltered);
            console.log(pointArray);
            heatmap = new google.maps.visualization.HeatmapLayer({
                data: pointArray
            });
            heatmap.setMap(map);
        });
};

在视图中我有startDate和EndDate

现在我只通过startDate进行过滤。

这是脚本

 filtered.length = 0;
$('#filter').on('click',
    function () {
        heatmap.setMap(null);
        var startValue = $('#startDate').val().split("/");
        $.each(markers, function (i,marker) {
            var getDate = marker.date.match(/\d/g).join('');
            var markerDate = new Date(parseFloat(getDate));
            var valDate = new Date(startValue[2], startValue[1] - 1, startValue[0]);
            if (markerDate.getDate() === valDate.getDate() && (marker.imei === imei || imei === null)) {
                filtered.push(marker);
            } 
        });
        var pointArray = new google.maps.MVCArray(filtered);
        console.log(pointArray);
        heatmap = new google.maps.visualization.HeatmapLayer({
            data: pointArray
        });
        heatmap.setMap(map);

    }); //filtering by date and imei code of device

但我如何在开始和结束日期之间过滤数据。

例如，我的开始日期为11/14/2017，结束日期为11/16/2017。我需要显示此范围内markerDate的所有数据。最终数据也将从输入中获取。像这样var endValue = $('#endDate').val().split("/");

感谢您的帮助。

Answer 1

您只需使用.filter() method即可：

var startValue = new Date($('#startDate').val());
var endValue = new Date($('#endDate').val());

var filtered = markers.filter(function(marker) {
  var markerDate = new Date(marker.date);
  return (markerDate > startValue && markerDate < endValue);
});

在开始日期和结束日期之间选择数组中的数据

1 个答案: