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