2014-10-28 72 views
0

我正在使用PHP和MySQL。在我的形式之一有休假選擇:根據用戶輸入的「From Date」設置默認的「To Date」

  1. 生育

當用戶選擇日期,然後我想的是,迄今爲止場應該充滿從日期+ 90天。

我該如何實現this.i'm使用jQuery UI中的Datepicker。

這裏是形式:

<select tabindex="1" name="leavetype" id="leavetype" style="width:160px;"> 
       <option value="">Select</option> 
       <option value="Maternity">Maternity</option> 
       <option value="Paternity">Paternity</option> 
       <option value="Self-marriage">Self-marriage</option> 
</select> 

<span style="width:50px; display:inline-block">From</span> 
<input type="text" tabindex="1" id="txtForm" name="txtForm" size="12" /> 
<span style="width:50px; display:inline-block">To</span> 
<input type="text" tabindex="1" id="txtTo" name="txtTo" size="12" /> 

我已經嘗試了阿賈克斯,但不知何故它不是沃金。 這裏是jQuery的阿賈克斯:

$(document).ready(function(e) { 
    $('#txtForm').change(function(){ 
     var from = $(this).val(); 
     var type = $('#leavetype').val(); 
     if(type == 'Maternity'){ 
      var to = $('#txtTo').datepicker("from", "+3"); 
       alert(to); 
      }else if(type == 'Paternity'){ 

     }); 
}); 

這裏是的jsfiddle:http://jsfiddle.net/uh7bg0b9/7/

+0

請提供的jsfiddle與工作日期選擇器等,然後我會考慮這一點。你在$('#txtForm')中有一個拼寫錯誤,它應該讀取'$('#txtFrom')'。注:這與ajax無關。 – wedi 2014-10-28 09:29:56

+0

@wedi:沒有輸入錯誤,因爲我已將id作爲txtForm,因此#txtForm是正確的。 – Montiyago 2014-10-28 11:02:21

+0

@wedi:這裏是jsfiddle.net/uh7bg0b9/7/ – Montiyago 2014-10-28 11:32:22

回答

0

雖然我同意Jorge使用Moment JS。但在JavaScript中的解決方案會是這樣的,

var oldDate = new Date($('#txtForm').val()); 
var newDate = new Date(); 
newDate.setDate(oldDate.getDate()+90); 
console.log(newDate);