2013-07-04 46 views
0

我正在使用jquery datepicker。發送jquery datepicker數據到php頁面加載

<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"); 
+0

我沒有看到任何的提交按鈕您的代碼 –

+0

因爲我不想要提交按鈕。我想要沒有提交按鈕。 – user2510555

回答

0

你應該提供一個函數,日期和作出的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"); 
0

嗨,你可以使用AJAX調用的關閉功能

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

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

     } 
    }); 
     } 
相關問題