2012-07-25 143 views
0

任何人都可以請幫助,只顯示從今天的日期最後7天使用jQuery UI Picker。只顯示從今天的日期最近7天使用jQuery UI Datepicker

這是我到目前爲止。

function getMinDate(){ 
    var minDate = new Date(); //alert(minDate.getDate() - (7));  
    minDate.setDate(minDate.getDate() - (7)); 
} 
$(document).ready(function(){ 
    $("#dt_store_visited_at").datepicker({ 
     "dateFormat": "dd-mm-yy", 
     "minDate": getMinDate(), 
     "maxDate": new Date() 
    }).attr("readonly", true); 
}); 
+1

功能getMinDate(){ \t VAR的minDate =新的日期( ); \t // alert(minDate.getDate() - (7)); \t minDate.setDate(minDate.getDate() - (7)); } $(文件)。就緒(函數(){ \t $( 「#dt_store_visited_at」)日期選擇器({ \t \t 「DATEFORMAT」: 「DD-MM-YY」, \t \t 「的minDate」: getMinDate(), \t \t 「的maxDate」:新的Date() \t}) \t .attr( 「只讀」,真正的); }) – DBTutor 2012-07-25 12:50:14

+0

這可能有助於http://jqueryui.com/demos/datepicker/ #最小 - 最大 – 2012-07-25 12:50:28

回答

3

我明白了最後,這裏是代碼

$(document).ready(function(){ 
     $("#dt_store_visited_at").datepicker({ 
     "dateFormat": "dd-mm-yy", 
     "minDate": -7, 
     "maxDate": new Date() 
    }) 
    .attr("readonly", true); 
    }) 
0

你必須使用上面的代碼中使用

minDate: new Date(Year, Month - 1, Day) 

財產

0
var selectedDateDayNo = selectedDate.getDay(); 
     var daysDiff = selectedDateDayNo - weeekStartDayNo; 

     var startDay = 0; 

     if (daysDiff < 0) { 
      // Previous week Need to be highlighted 
      startDay = -(noOfDays + daysDiff); 
     } else if (daysDiff > 0) { 
      // Current week Need to be highlighted 
      startDay = -daysDiff; 
     } 

     for (var days = 0; days < noOfDays; days++) { 
      var nextDayDate = new Date(); 
      nextDayDate.setDate(selectedDate.getDate() + startDay); 
      startDay++; 
      dates.push(nextDayDate); 
     } 

嘗試。它完全適用於我...它基於選定的日期....選擇將通過u或來自數據庫的預定義值(例如:「monday」)進行選擇。希望這將有所幫助,而且您還必須添加css突出顯示DATEPICKER中的單元格。所有最好的

0
$('#date').datepicker({ 
    minDate: '-7d', 
    maxDate: new Date() 
}); 
0

你可以試試這個:

function getMinDate(){ 
    var minDate = new Date(); // 
    minDate.setTime(minDate.getTime() - 7*24*60*60*1000); 
             //^^^^^^^^^^^^^----miliseconds in 1 day 
    return minDate; 
} 
相關問題