Javascript 如何在传单地图中插入日期滑块？

我正在为我的项目绘制一张地图。以使工作更轻松、快速地做出决定。我从本地加载了JSON文件，并用过滤条件和不同的图标在地图中指出了这些标记。现在我需要添加一个基于JSON中属性的日期切片器。我的地图是这样的：

现在我需要添加一个日期范围，该范围需要基于n个属性进行过滤，只有真实值显示rest应该从映射中删除。我是javascript的新手，我根据google中给定的示例开发了我的代码。下面是我的代码

var-mapboxTiles=L.tillelayer（'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
maxZoom:18，
属性：“映射数据&复制；贡献者”
});
var greendelivery=新的L.图标({
伊克努尔：'http://127.0.0.1:8080/green.png',
iconRetinaUrl:'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-icon-2x.png',
iconSize:[25,41]，
iconAnchor:[12,41]，
popupAnchor:[1，-34]，
shadowUrl:'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
阴影大小：[41,41]
});
var pickupblue=新的L.图标({
伊克努尔：'http://127.0.0.1:8080/blue.png',
iconRetinaUrl:'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-icon-2x.png',
iconSize:[25,41]，
iconAnchor:[12,41]，
popupAnchor:[1，-34]，
shadowUrl:'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
阴影大小：[41,41]
});
var edapyellow=新的L.图标({
伊克努尔：'http://127.0.0.1:8080/yellow.png',
iconRetinaUrl:'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-icon-2x.png',
iconSize:[25,41]，
iconAnchor:[12,41]，
popupAnchor:[1，-34]，
shadowUrl:'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
阴影大小：[41,41]
});
var flexred=新的L.图标({
伊克努尔：'http://127.0.0.1:8080/red.png',
iconRetinaUrl:'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-icon-2x.png',
iconSize:[25,41]，
iconAnchor:[12,41]，
popupAnchor:[1，-34]，
shadowUrl:'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
阴影大小：[41,41]
});
var map=L.map（'map'））
.addLayer（mapboxTiles）
.setView（[39.59，-105.32]，14）；
var promise=$.getJSON（“testfinal.json”）；
promise.then（函数（数据）{
console.log（数据）
var alldata=L.geoJson（数据）；
var sliderControl=L.control.sliderControl({
位置：“右上角”，
图层：alldata，
范围：false，
});
map.addControl（滑块控制）；
//并初始化滑块
sliderControl.startSlider（）；
var delivery=L.geoJson（数据{
过滤器：功能（特征、图层）{
return feature.properties.Type==“DELIVERY”；
},
pointToLayer：功能（特性、latlng）{
返回L.标记（板条{
图标：绿色交付
}).on（'mouseover'，function（）{
此.bindPopup（“名称：“+feature.properties.Customer+”
“+”地址：“+feature.properties.fulladdress+”
“+”日期：“+feature.properties.Date+”
”+”计划时间：“+feature.properties.Scheduled_Time+”
“+”数量件：“+feature.properties.Qty_件+”
“+”路线：“+feature.properties.Route+”
“+”“+”订单Id”+feature.properties.Sale_Order）.openPopup（）；
});
}
});
var皮卡=L.geoJson（数据{
过滤器：功能（特征、图层）{
返回feature.properties.Type==“拾取”；
},
pointToLayer：功能（特性、latlng）{
返回L.标记（板条{
图标：pickupblue
}).on（'mouseover'，function（）{
此.bindPopup（“名称：“+feature.properties.Customer+”
“+”地址：“+feature.properties.fulladdress+”
“+”日期：“+feature.properties.Date+”
”+”计划时间：“+feature.properties.Scheduled_Time+”
“+”数量件：“+feature.properties.Qty_件+”
“+”路线：“+feature.properties.Route+”
“+”“+”订单Id”+feature.properties.Sale_Order）.openPopup（）；
});
}
});
var edap=L.geoJson（数据{
过滤器：功能（特征、图层）{
return feature.properties.Type==“EXOP交货和提货”；
},
pointToLayer：功能（特性、latlng）{
返回L.标记（板条{
图标：edapyellow
}).on（'mouseover'，function（）{
此.bindPopup（“名称：“+feature.properties.Customer+”
“+”地址：“+feature.properties.fulladdress+”
“+”日期：“+feature.properties.Date+”
”+”计划时间：“+feature.properties.Scheduled_Time+”
“+”数量件：“+feature.properties.Qty_件+”
“+”路线：“+feature.properties.Route+”
“+”“+”订单Id”+feature.properties.Sale_Order）.openPopup（）；
});
}
}); 
var flex=L.geoJson（数据{
过滤器：功能（特征、图层）{
返回feature.properties.Type==“flexischeduling”；
},
pointToLayer：功能（特性、latlng）{
返回L.标记（板条{
图标：flexred
}).on（'mouseover'，function（）{
此.bindPopup（“名称：“+feature.properties.Customer+”
“+”地址：“+feature.properties.fulladdress+”
“+”日期：“+feature.properties.Date+”
”+”计划时间：“+feature.properties.Scheduled_Time+”
“+”数量件：“+feature.properties.Qty_件+”
“+”路线：“+feature.properties.Route+”
“+”“+”订单Id”+feature.properties.Sale_Order）.openPopup（）；
});
}
}); 
var sftruck3=L.geoJson（数据{
过滤器：功能（特征、图层）{
返回feature.properties.Route==“sftruck3”；
},
pointToLayer：功能（特性、latlng）{
返回L.circleMarker（latlng，{color:'#ff3333'}，{radius:1500}）.addTo（map）；
}
});
var sftruck1=L.geoJson（数据{
过滤器：功能（特征、图层）{
返回feature.properties.Route==“sftruck1”；
},
pointToLayer：功能（特性、latlng）{
返回L.circleMar