2014-10-28 74 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);