根據用戶輸入的「From Date」設置默認的「To Date」

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

生育
陪

當用戶選擇從日期，然後我想的是，迄今爲止場應該充滿從日期+ 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/

來源

2014-10-28 Montiyago

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

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

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

我一直使用Moment.js與日期操作

http://momentjs.com/

在這種情況下，你可以使用變量'to'創建新日期 http://momentjs.com/docs/#/parsing/

一旦你得到適當的「時刻」日期的保持，可以加30日： http://momentjs.com/docs/#/manipulating/add/

然後你就可以「unparse」的日期到任何你正在使用，並將其設置到外地日期選擇格式你想填寫： http://momentjs.com/docs/#/displaying/format/

希望這有助於！

來源

2014-10-28 08:39:59

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

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

來源

2014-10-28 08:44:17

根據用戶輸入的「From Date」設置默認的「To Date」

回答

相關問題