title: How to ajax request send with default date in datepicker during page loading and then send ajax on changing the date
body: <p>I want ajax request should send at page loading with default date</p>
  
  <pre><code>$(document).ready(function(){
      $('#schedule_datepicker').datepicker({dateFormat:'yy-mm-dd'}).datepicker("setDate", new Date()).on("change", function () {
          var dataTable = $('.table-wrap').DataTable( {
              "processing": true,
              "serverSide": true,
              "bDestroy": true,
              "ajax":{
                  url: '&lt;?php echo TEMPLATES_URI."schedule_ajax.php"; ?&gt;',
                  type: "post",
                  data:{date_time:$('#schedule_datepicker').val()},
                  error: function(){ 
                      $(".employee-grid-error").html("");
                      $("#employee-grid").append('&lt;tbody class="employee-grid-error"&gt;&lt;tr&gt;&lt;th   colspan="3"&gt;No data found in the server&lt;/th&gt;&lt;/tr&gt;&lt;/tbody&gt;');
                      $("#employee-grid_processing").css("display","none");   
                  }
              }
          });     
      });
  </code></pre>
  
  <p>With new date ajax request should send</p>