使用jQuery UI Datepicker仅显示今天日期的最近7天

时间:2012-07-25 12:45:41

标签: jquery jquery-ui jquery-ui-datepicker

任何人都可以提供帮助,仅使用jQuery UI Picker从今天的日期开始过去7天。

这是我到目前为止所做的。

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); 
});

5 个答案:

答案 0 :(得分:3)

我明白了,这是代码

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

答案 1 :(得分:0)

你必须使用

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

属性

答案 2 :(得分: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);
        }

尝试使用上面的代码段。它对我来说很完美...它基于选定的日期....选择将由您或从数据库中的预定义值(例如:“星期一”)。希望这将有所帮助,您还必须添加css突出显示DATEPICKER中的细胞。一切顺利

答案 3 :(得分:0)

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

答案 4 :(得分:0)

你可以试试这个:

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