0
我正在使用引导程序“daterangepicker”作为根据今天,昨天,所有日期过滤表的数据表。 最初,数据库中的所有行都加载到数据表中。从控制器传递数据在laravel中查看使用数据表中的“daterangepicker”过滤数据
我不需要最初从数据库加载所有行。而是只加载今天的数据第一个和
如果我点击昨天它应该从数据库中加载昨天的数据,而不是从数据表中过滤昨天的数据。
我有代码如下:
$(document).ready(function() {
var oTable=$("#example").DataTable({ "bInfo": false,
"bLengthChange": false,
"bSort": false,
"responsive": true,
});
var startdate;
var enddate;
$('#reportrange').daterangepicker({
ranges: {
"Today": [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')]
},
format: 'DD/MM/YYYY',
},
function(start, end,label) {
// Parse it to a moment
var s = moment(start.toISOString());
var e = moment(end.toISOString());
startdate = s.format("YYYY-MM-DD");
enddate = e.format("YYYY-MM-DD");
});
$('#reportrange').on('apply.daterangepicker', function(ev, picker) {
startdate=picker.startDate.format('YYYY-MM-DD');
enddate=picker.endDate.format('YYYY-MM-DD');
oTable.draw();
});
$.fn.dataTableExt.afnFiltering.push(
function(oSettings, aData, iDataIndex) {
if(startdate!=undefined){
// 0 here is the column where my dates are.
//Convert to YYYY-MM-DD format from DD/MM/YYYY
var coldate = aData[2].split("/");
var d = new Date(coldate[2], coldate[1]-1 , coldate[0]);
var date = moment(d.toISOString());
date = date.format("YYYY-MM-DD");
//Remove hyphens from dates
dateMin=startdate.replace(/-/g, "");
dateMax=enddate.replace(/-/g, "");
date=date.replace(/-/g, "");
console.log(dateMin, dateMax, date);
// run through cases to filter results
if (dateMin == "" && date <= dateMax){
return true;
}
else if (dateMin =="" && date <= dateMax){
return true;
}
else if (dateMin <= date && "" == dateMax){
return true;
}
else if (dateMin <= date && date <= dateMax){
return true;
}
// all failed
return false;
}
}
)
$("#example").show();
});
<div class="input-prepend input-group" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width:auto">
<i class="glyphicon glyphicon-calendar fa fa-calendar one"></i>
<input type="text" style="width: 200px" name="reportrange" id="reportrange" class="form-control" />
<span></span> <b class="caret"></b>
</div>
\t \t \t \t \t \t \t
\t \t \t \t \t \t \t <table id="example" class="table table-striped table-bordered table-condensed" cellspacing="0" width="100%" style="display: none">
<thead>
<tr>
<th>Id</th>
<th>User</th>
<th>Created_at</th>
<th>Field</th>
<th>Status</th>
</tr>
</thead>
<tbody>
@foreach($auditMd5 as $md5r)
<tr>
<td>{{$md5r->id}}</td>
<td>{{$md5r->user}}</td>
<td>{{$md5r->created_at->format('d/m/Y')}}</td>
<td>{{$md5r->field}}</td>
<td>{{$md5r->status}}</td>
</tr>
@endforeach
</tbody>
</table>
\t \t \t \t \t \t \t
是否有可能直接使用daterangepicker从数据库过滤的数据表。
你能告诉我们你的'web.php'文件的路线吗?我认为你可以完成制作'post'的路线并发送开始日期和结束日期,这样你只能显示选定的日期。尽管DataTable插件非常棒,但您应该通过AJAX加载所有可用数据,并告诉DataTable只绘制想要的数据。我用+ 4K行测试过它。让我知道你是否需要帮助。 – Lvkz
你应该通过AJAX加载所有可用的数据,并告诉DataTable只绘制想要的数据..为此,你能帮助我吗? – Raj
当然!请参阅下面的答案。 – Lvkz