Javascript 如何为表放置日期选择器筛选器?
我正在尝试为我的表搜索Javascript 如何为表放置日期选择器筛选器?,javascript,html,Javascript,Html,我正在尝试为我的表搜索日期选择器过滤器,但我只能找到范围。是否有其他方法实现此日期格式的筛选器 我已经使这个工作数据过滤器,日期不知何故复杂。我尝试过使用monthdropdwon filter,但它也应该是一个完整的日期过滤器。如果我为日期(1-31)添加下拉列表,这将是一个很长的下拉列表 $(文档).ready(函数(){ var$rows=$('tbody#report tr') var$filters=$('.table filter').change(函数(){ var filter
日期选择器过滤器
,但我只能找到范围。是否有其他方法实现此日期格式的筛选器
我已经使这个工作数据过滤器
,日期不知何故复杂。我尝试过使用monthdropdwon filte
r,但它也应该是一个完整的日期过滤器。如果我为日期(1-31)添加下拉列表,这将是一个很长的下拉列表
$(文档).ready(函数(){
var$rows=$('tbody#report tr')
var$filters=$('.table filter').change(函数(){
var filterArr=$filters.filter(函数(){
返回此.value
}).map(函数(){
var$el=$(本);
var value=$el.is('select')?$el.find(':selected').text():$el.val()
返回{
列:$el.data(‘列’),
value:value.toLowerCase()
}
}).get();
如果(!filterArr.length){
$rows.show()
}否则{
$rows.hide().filter(函数()){
var$row=$(此)
返回filterArr.every(函数(filterObj,i){
var cellText=$row.find('td').eq(filterObj.col).text().toLowerCase();
返回cellText.includes(filterObj.value);
})
}).show()
}
})
});
函数selectAll(){
var blnChecked=document.getElementById(“del cb”)。已选中;
var check_dels=document.getElementsByClassName(“check_del”);
var intLength=检查增量长度;
对于(变量i=0;i
요청유형
입금
출금
머니이동
보너스
상태
진행중
완료
취소
삭제
요청유형
금액
요청날짜
상태
머니이동
60,000
2019年8月19日09:14:18
진행중
출금
50,000
2019年9月20日09:14:18
취소
머니이동
60,000
2019年10月17日09:14:18
완료
입금
60,000
2019年9月20日09:14:18
완료
보너스
60,000
2019年8月19日09:14:18
진행중
머니이동
60,000
2019年9月20日09:14:18
취소
보너스
60,000
2019年10月17日09:14:18
취소
입금
60,000
2019年9月20日09:14:18
취소
머니이동
60,000
2019年10月17日09:14:18
완료
입금
60,000
2019年8月19日09:14:18
진행중
我认为您应该添加StartDate和EndDate控件。它不只是用于日期范围吗@是的。这是我的主意。若将所有日期数据加载到下拉列表中,用户可能很难筛选数据。