jQuery UI Datepicker - 如何只显示一个星期？

Question

我想知道如何教Jquery UI日期选择器只显示本周（周一至周日）和两个按钮prev /下周。

感谢

Answer 1

有没有办法让jQuery UI的日期选择器显示周。 我还没有看到任何插件，现在让我想起它。

你可以从github获得源代码并根据你的需要进行修改，但这会花费我很多时间。 https://github.com/jquery/jquery-ui

如果您需要逐周显示，因为您只希望允许选择一周而不是一天。然后你可以使用wijmo日历。这允许选择（不显示）周。 http://wijmo.com/Wijmo-Open/samples/#calendar|selection（启用天weeknumber）

Answer 2

嗨只是看着一些便利片段的构建的最低版本为自己

init: function() { 
    // Get today (or any other date) 
    var today = new Date(); 

    // Get monday 
    var monday = this.getMonday(today); 

    // Render the week 
    this.renderWeekFromMonday(monday); 
}, 

renderWeekFromMonday : function(date) { 
    var dayContainer = $('#dayContainer'); 

    // clear div 
    dayContainer.empty(); 

    // Render days 
    for (var i = 0; i <= 7; i++) { 

     // Get mondday day (1-31) 
     var day = date.getDate(); 

     // Today 
     var t = new Date(); 

     // Create dayobject for usage inside for loop 
     var d = new Date(date); 

     // Render 7 days (1 week) 
     for (var i = 0; i < 7; i++) { 

      // New day (+1) 
      d.setDate(day + i) 

      // Create html 
      var span = $("<span>").addClass("day").attr("time", d.getTime()) 
      span.html("<span class=dayNumber>" + d.getDate() + "</span>"); 

      // Append day 
      dayContainer.append(span); 
     } 
    } 
}, 
getMonday: function (date) { 
    // Get the day of the week for the specified date. 0 = Sun, 1 = Mon etc. 
    var day = date.getDay(), 

    diff = date.getDate() - day + (day == 0 ? -6:1); sunday ? 
    return new Date(date.setDate(diff)); 
}