2014-02-25 48 views
0

我想在1個工作日內添加新日期。例如,如果用戶選擇任何星期五,則應在第二個字段中顯示星期一的日期。下面是代碼:將工作日添加到jquery中的新日期

的Jquery:

<script type='text/javascript'> 
//<![CDATA[ 
    $(function() { 

    $('.one').datepicker({ 
    onSelect: function(date){ 
    var date2 = $('.one').datepicker('getDate'); 
    console.log(date2.getUTCDay()); 
    if(date2.getUTCDay() == 4) 
     date2.setDate(date2.getDate()+3); 
    else 
    date2.setDate(date2.getDate()+1);   
    $('.two').datepicker('setDate', date2); 
    }, 
    beforeShowDay: $.datepicker.noWeekends 
    }) 
    $('.two').datepicker({beforeShowDay: $.datepicker.noWeekends}) 

    }); 
    $(document).ready(function() { 
    var currentItem = 1; 
    $(".datepicker").datepicker(); 
    $('#addnew').click(function(){ 
    currentItem++; 
    $('#items').val(currentItem); 
    var strToAdd = '<tr><td style=""><input type="text" name="task'+currentItem+'" id="task'+currentItem+'" value="" /></td><td style=""><input type="text" name="Description'+currentItem+'" id="Description'+currentItem+'" value="" /></td><td style="width: 160px;"><input type="text" class="one datepicker" name="Internal_Deadline'+currentItem+'" id="Internal_Deadline'+currentItem+'" /></td><td style=""><input type="text" class="two datepicker" name="Client_Deadline'+currentItem+'" id="Client_Deadline'+currentItem+'" /></td><td style=""><input type="text" class="datepicker" name="Actual_Deadline'+currentItem+'" id="Actual_Deadline'+currentItem+'" /></td><td style="width:83px;"></td></tr>'; 
    $('#data').append(strToAdd); 
    $(".datepicker").datepicker(); 
    }); 
    }); 

    //]]> 
    </script> 

HTML:

<TABLE id="data" class="dd" style=""> 
    <TR> 
    <td style=""><input type="text" name="task1" id="task1" value="" /></td><td style=""><input type="text" name="Description1" id="Description1" value="" /></td><td style="width: 160px;"><input type="text" class="one datepicker" name="Internal_Deadline1" id="Internal_Deadline1" value="" /></td><td><input type="text" class="two datepicker" name="Client_Deadline1" id="Client_Deadline1" value="" /></td><td style=""><input type="text" class="datepicker" name="Actual_Deadline1" id="Actual_Deadline1" value="" /></td><td style="width: 83px;"></td></tr> 
    <input type="hidden" id="items" name="items" value="1" /> 
    </TABLE> 
    </form> 

回答

0

您需要添加以下代碼在你動初始化:

beforeShowDay: $.datepicker.noWeekends 

工作小提琴:http://jsfiddle.net/47SeR/4/

+0

感謝您的回覆。但我的要求是在第二個文本框中顯示星期一的日期,而不是在星期六和星期日評論datepicker – user3317777

+0

星期一如果我們選擇星期五在小提琴中。你想選擇週六和週日嗎? – V31

+0

沒有傢伙,當我們從第一個文本框中選擇星期五時,它會在第二個文本框中顯示星期六的日期。 – user3317777