2017-12-16 3 views
1

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

screenshot

<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(); 
}); 

Antwort

0

Strecke Datei (web.php):

Route::match(['get','post'],'test','TestController')->name('search'); 

HTML

<form action="{{ route('search') }}" method="POST"> 
{{ csrf_field() }} 
.. input field to fetch dates 

</form> 

Controller (Testcontroller) mit in-Store-Methode schreiben Sie den folgenden Code

public function search(Request $request)  
{ 
    $input1 = $request->input('name_of_input_1'); 
    $input2 = $request->input('name_of_input_2');  

    $result = ModelName::whereBetween('created_at',[$startDate,$endDate])->get(); 

    dd($result); // this will print out the results 
} 
+0

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

Verwandte Themen