導航引導日期選擇器與上一頁和下一頁按鈕

Question

我怎樣才能得到一個和下一個按鈕功能的導航引導日期選擇器使用jQuery如圖婁

我試圖像

function PrevNext(isnextbtn) 
    { 
     var date = new Date(); 
     var searchdate = new Date(); 

     if ($('#txtDate').val().length > 0){ 
      date = new Date($('#txtDate').val()); 
     } 
     else { 
      date = new Date('@DateTime.Now.ToShortDateString()'); 
     } 

     alert(date); 

     if (isnextbtn == 1) { 
      searchdate = date.setDate(date.getDate() + 1, 1); 
     } 
     else { 
      searchdate = date.setDate(date.getDate() - 1, 1); 
     } 

     $('#txtDate').datepicker('setDate', searchdate); 
    } 

Answer 1

用下面的代碼解決我的問題;如果有另一種更好的方法來實現這一點，請更新我。

注：我的日期爲dd/mm/yyyy格式

function PrevNext(isnext) 
    { 
     var dateString = $("#txtDate").val().split("/"); 
     var actualDate = new Date(dateString[2], dateString[1] - 1, dateString[0]); 
     var newDate = new Date(); 
     if(isnext == 1) 
      newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate() + 1); 
     else 
      newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate() - 1); 
     $('#txtDate').datepicker('setDate', newDate); 
    }