Ich habe Javascript-Formular um zwei Daten anzuzeigen, möchte ich wissen, wie Sie dieses Formular verwenden, um Datensätze zwischen zwei Daten zu filtern. Ich weiß nicht, wie man eine Anfrage an den Controller sendet, um Datensätze zu filtern! Im einschließlich Skript aus einer Datei, benötigen Sie Hilfe Controller machen und darauf zu reagieren, die Datensätze anzeigt AjaxLaravel: wie Datensätze zwischen zwei Daten zu filtern
bitte auf den Screenshot überprüfen, wie das Datum anzuzeigen
<div class='input-group pull-right' id='m_daterangepicker_6'>
<input type='text' class="form-control m-input" readonly placeholder="Select date range"/>
<span class="input-group-addon">
<i class="fa fa-calendar fa-fw" aria-hidden="true"></i>
</span>
</div>
hier Code anzuzeigen Termine
<td class="col-sm-2">{{date('m/d/Y', strtotime($check->postingdate))}}</td>
**here javascript**
// == Klassendefinition
var BootstrapDaterangepicker = function() {
//== Private functions
var demos = function() {
// minimum setup
$('#m_daterangepicker_1, #m_daterangepicker_1_modal').daterangepicker({
buttonClasses: 'm-btn btn',
applyClass: 'btn-primary',
cancelClass: 'btn-secondary'
});
// input group and left alignment setup
$('#m_daterangepicker_2').daterangepicker({
buttonClasses: 'm-btn btn',
applyClass: 'btn-primary',
cancelClass: 'btn-secondary'
}, function(start, end, label) {
$('#m_daterangepicker_2 .form-control').val(start.format('YYYY-MM-DD') + '/' + end.format('YYYY-MM-DD'));
});
$('#m_daterangepicker_2_modal').daterangepicker({
buttonClasses: 'm-btn btn',
applyClass: 'btn-primary',
cancelClass: 'btn-secondary'
}, function(start, end, label) {
$('#m_daterangepicker_2 .form-control').val(start.format('YYYY-MM-DD') + '/' + end.format('YYYY-MM-DD'));
});
// left alignment setup
$('#m_daterangepicker_3').daterangepicker({
buttonClasses: 'm-btn btn',
applyClass: 'btn-primary',
cancelClass: 'btn-secondary'
}, function(start, end, label) {
$('#m_daterangepicker_3 .form-control').val(start.format('YYYY-MM-DD') + '/' + end.format('YYYY-MM-DD'));
});
$('#m_daterangepicker_3_modal').daterangepicker({
buttonClasses: 'm-btn btn',
applyClass: 'btn-primary',
cancelClass: 'btn-secondary'
}, function(start, end, label) {
$('#m_daterangepicker_3 .form-control').val(start.format('YYYY-MM-DD') + '/' + end.format('YYYY-MM-DD'));
});
// date & time
$('#m_daterangepicker_4').daterangepicker({
buttonClasses: 'm-btn btn',
applyClass: 'btn-primary',
cancelClass: 'btn-secondary',
timePicker: true,
timePickerIncrement: 30,
locale: {
format: 'MM/DD/YYYY h:mm A'
}
}, function(start, end, label) {
$('#m_daterangepicker_4 .form-control').val(
start.format('MM/DD/YYYY h:mm A') + '/' + end.format('MM/DD/YYYY h:mm A'));
});
// date picker
$('#m_daterangepicker_5').daterangepicker({
buttonClasses: 'm-btn btn',
applyClass: 'btn-primary',
cancelClass: 'btn-secondary',
singleDatePicker: true,
showDropdowns: true,
locale: {
format: 'MM/DD/YYYY'
}
}, function(start, end, label) {
$('#m_daterangepicker_5 .form-control').val(
start.format('MM/DD/YYYY') + '/' + end.format('MM/DD/YYYY'));
});
// predefined ranges
var start = moment().subtract(29, 'days');
var end = moment();
$('#m_daterangepicker_6').daterangepicker({
buttonClasses: 'm-btn btn',
applyClass: 'btn-primary',
cancelClass: 'btn-secondary',
startDate: start,
endDate: end,
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'),
moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'),
moment().subtract(1, 'month').endOf('month')]
}
}, function(start, end, label) {
$('#m_daterangepicker_6 .form-control').val(
start.format('MM/DD/YYYY') + '/' + end.format('MM/DD/YYYY'));
});
}
var validationDemos = function() {
// input group and left alignment setup
$('#m_daterangepicker_1_validate').daterangepicker({
buttonClasses: 'm-btn btn',
applyClass: 'btn-primary',
cancelClass: 'btn-secondary'
}, function(start, end, label) {
$('#m_daterangepicker_1_validate .form-control').val(
start.format('YYYY-MM-DD') + '/' + end.format('YYYY-MM-DD'));
});
// input group and left alignment setup
$('#m_daterangepicker_2_validate').daterangepicker({
buttonClasses: 'm-btn btn',
applyClass: 'btn-primary',
cancelClass: 'btn-secondary'
}, function(start, end, label) {
$('#m_daterangepicker_3_validate .form-control').val(
start.format('YYYY-MM-DD') + '/' + end.format('YYYY-MM-DD'));
});
// input group and left alignment setup
$('#m_daterangepicker_3_validate').daterangepicker({
buttonClasses: 'm-btn btn',
applyClass: 'btn-primary',
cancelClass: 'btn-secondary'
}, function(start, end, label) {
$('#m_daterangepicker_3_validate .form-control').val(
start.format('YYYY-MM-DD') + '/' + end.format('YYYY-MM-DD'));
});
}
return {
// public functions
init: function() {
demos();
validationDemos();
}
};
}();
jQuery(document).ready(function() {
BootstrapDaterangepicker.init();
});
Dies ist keine Arbeit! Das Problem ist, ich benutze jquery, wie ich das Bild angehängt und von der enthaltenen Datei bootstrap-datarangepicker.js sollte die Anfragen erhalten, auch beachten Sie, dass dies wie ajax ist, wählen Sie einfach das Reichweiten-Datum und sollte Datensätze filtern, wie bei Änderung Eingabefeld – Msaas