在頁面加載時將jquery datepicker數據發送到php

Question

我正在使用jquery datepicker。

<form action="" method="get" name="date">
    <br />
    Start Date :<input type="text" name="sdate" id="sdate" />
    End Date : <input type="text" name="edate" id="edate" />
</form>

頁面加載后，我將設置默認日期。 這個日期應該發送到php。 但是，如果沒有上述表格中的“提交”按鈕的幫助，我將無法做到這一點。 沒有提交按鈕的幫助我該怎么辦？ 我知道我需要使用onClose選項。 但是我應該在里面寫些什么以便將數據發送到PHP？

這是JS-

$("#sdate").datepicker({
    "dateFormat" : "yy-mm-dd",
    "onClose": ???
});
$("#edate").datepicker({
    "dateFormat" : "yy-mm-dd",
    "onClose": ???
});
$("#edate").datepicker("setDate","+0");

$("#sdate").datepicker("setDate","-7");

Answer 1

如果您的日期選擇器是表單的一部分，則可以執行此操作...

onSelect: function (dateText, inst) {
 $(this).parent('form').submit();
        }

那將提交父母表格。

更多信息在這里。

http://mikemurko.com/general/jquery-ui-datepicker-form-submission-onselect/

更多幫助....幾乎相同的問題...

jQuery Datepicker觸發POST

Answer 2

您應該提供一個獲取日期並進行Ajax調用的函數，或者如果您想同時發送兩個日期，則應將兩個日期都存儲在變量中，然后在第二次關閉時進行Ajax調用。

$("#sdate").datepicker({
   "dateFormat" : "yy-mm-dd",
   "onClose": function(date, obj){
        jQuery.post('URL', {sDate: date}, function(data, textStatus, xhr) {
             //If there is success
        });
   }
});
$("#edate").datepicker({
   "dateFormat" : "yy-mm-dd",
   "onClose": function(date, obj){
        jQuery.post('URL', {eDate: date}, function(data, textStatus, xhr) {
             //If there is success
        });
   }
});

$("#edate").datepicker("setDate","+0");
$("#sdate").datepicker("setDate","-7");

Answer 3

嗨，您可以在關閉功能中使用AJAX調用

onClose: function() {
        //do ajax call here 
$.ajax({
      url: "test.php",
      type: "post",
      data: values,
      success: function(){
          alert("success");

      },
      error:function(){
          alert("failure");

      }   
    }); 
      }