使用 laravel 和 ajax 获取日期数据
Datewise data fetching with laravel and ajax
我在数据库中有一个数据,其中有 2 个 table 称为注册,ssi_tracks 我需要显示注册 table 数据基于 track_first_status.I 需要过滤数据按日期显示并显示在数据上table
具有自定义功能的控制器文件
public function datewise(Request $request, $data_end, $data_start){
$data_start->$request->input('start_date');
$data_end->$request->input('end_date');
$datewise=DB::table('registrations')
->join('ssi_tracks', 'registrations.registration_id', '=', 'ssi_tracks.registration_id')
->select('address', 'model', 'chassis', 'delivery_date')
->where([["ssi_tracks.track_first_status", "=", 0]])
->whereBetween('created_at',[$data_start, $data_end])
->get();
$output = "";
$count = 1;
foreach ($datewise as $reg) {
$output .= '<tr>' .
'<td>' . $count++ . '</td>' .
'<td>' . $reg->address . '</td>' .
'<td>' . $reg->model . '</td>' .
'<td>' . $reg->chassis . '</td>' .
'<td>' . $reg->delivery_date . '</td>' .
'<td>' . '<button class="btn btn-primary btn-rounded button">Call Customer
</button>'. '</td>' .
'</tr>';
}
return response()->json($output);
}
Ajax函数
<script>
$(function () {
$("#start_date").datepicker();
$("#end_date").datepicker();
});
$('#filter').click(function () {
let start_date = $('#start_date').val();
let end_date = $('#end_date').val();
if (start_date !== '' && end_date !== '') {
$.ajax({
url: "{{url("date")}}",
method: "get",
data: {
start_date: start_date,
end_date: end_date
},
success: function (data) {
// $('#listdetails').html(data);
console.log(data);
}
});
} else {
alert("Please Select Date");
}
});
});
</script>
index 文件包含日期输入类型
<label>From
</label> <input type="date" name="start_date" id="start_date" class="form-control"
style="width:150px;">
<label>To</label> <input type="date" name="end_date" id="end_date" class="form-control"
style="width:150px;">
<button class="btn btn-info" id="filter" name="filter" >Filter</button>
您可以使用此代码,
public function datewise(Request $request){
$data_start = $request->input('start_date');
$data_end = $request->input('end_date');
$datewise=DB::table('registrations')
->join('ssi_tracks', 'registrations.registration_id', '=', 'ssi_tracks.registration_id')
->select('address', 'model', 'chassis', 'delivery_date')
->where([["ssi_tracks.track_first_status", "=", 0]])
->whereBetween('created_at',[$data_start, $data_end])
->get();
$output = "";
$count = 1;
foreach ($datewise as $reg) {
$output .= '<tr>' .
'<td>' . $count++ . '</td>' .
'<td>' . $reg->address . '</td>' .
'<td>' . $reg->model . '</td>' .
'<td>' . $reg->chassis . '</td>' .
'<td>' . $reg->delivery_date . '</td>' .
'<td>' . '<button class="btn btn-primary btn-rounded button">Call Customer
</button>'. '</td>' .
'</tr>';
}
return response()->json($output);
}
我在数据库中有一个数据,其中有 2 个 table 称为注册,ssi_tracks 我需要显示注册 table 数据基于 track_first_status.I 需要过滤数据按日期显示并显示在数据上table
具有自定义功能的控制器文件
public function datewise(Request $request, $data_end, $data_start){
$data_start->$request->input('start_date');
$data_end->$request->input('end_date');
$datewise=DB::table('registrations')
->join('ssi_tracks', 'registrations.registration_id', '=', 'ssi_tracks.registration_id')
->select('address', 'model', 'chassis', 'delivery_date')
->where([["ssi_tracks.track_first_status", "=", 0]])
->whereBetween('created_at',[$data_start, $data_end])
->get();
$output = "";
$count = 1;
foreach ($datewise as $reg) {
$output .= '<tr>' .
'<td>' . $count++ . '</td>' .
'<td>' . $reg->address . '</td>' .
'<td>' . $reg->model . '</td>' .
'<td>' . $reg->chassis . '</td>' .
'<td>' . $reg->delivery_date . '</td>' .
'<td>' . '<button class="btn btn-primary btn-rounded button">Call Customer
</button>'. '</td>' .
'</tr>';
}
return response()->json($output);
}
Ajax函数
<script>
$(function () {
$("#start_date").datepicker();
$("#end_date").datepicker();
});
$('#filter').click(function () {
let start_date = $('#start_date').val();
let end_date = $('#end_date').val();
if (start_date !== '' && end_date !== '') {
$.ajax({
url: "{{url("date")}}",
method: "get",
data: {
start_date: start_date,
end_date: end_date
},
success: function (data) {
// $('#listdetails').html(data);
console.log(data);
}
});
} else {
alert("Please Select Date");
}
});
});
</script>
index 文件包含日期输入类型
<label>From
</label> <input type="date" name="start_date" id="start_date" class="form-control"
style="width:150px;">
<label>To</label> <input type="date" name="end_date" id="end_date" class="form-control"
style="width:150px;">
<button class="btn btn-info" id="filter" name="filter" >Filter</button>
您可以使用此代码,
public function datewise(Request $request){
$data_start = $request->input('start_date');
$data_end = $request->input('end_date');
$datewise=DB::table('registrations')
->join('ssi_tracks', 'registrations.registration_id', '=', 'ssi_tracks.registration_id')
->select('address', 'model', 'chassis', 'delivery_date')
->where([["ssi_tracks.track_first_status", "=", 0]])
->whereBetween('created_at',[$data_start, $data_end])
->get();
$output = "";
$count = 1;
foreach ($datewise as $reg) {
$output .= '<tr>' .
'<td>' . $count++ . '</td>' .
'<td>' . $reg->address . '</td>' .
'<td>' . $reg->model . '</td>' .
'<td>' . $reg->chassis . '</td>' .
'<td>' . $reg->delivery_date . '</td>' .
'<td>' . '<button class="btn btn-primary btn-rounded button">Call Customer
</button>'. '</td>' .
'</tr>';
}
return response()->json($output);
}