jQuery ui datepicker, select range of whole weeks only

http://stackoverflow.com/questions/9678520/jquery-ui-datepicker-select-range-of-whole-weeks-only

by GoranMottram

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css">
<p>
    Date from <input type="text" id="dateFrom" readonly="readonly" />
    to <input type="text" id="dateTo" readonly="readonly" />
</p>

<p>
    Week from <input type="text" id="weekFrom" readonly="readonly" />
    to <input type="text" id="weekTo" readonly="readonly" />
</p>

JavaScript

$(function(){
    
    $('#dateFrom').datepicker({
        showWeek: true,
        firstDay: 0, // sets first day as sunday
        onSelect: function(dateText, ui){
            $('#weekFrom').val($.datepicker.iso8601Week(new Date(dateText)));
        }
    });
    
    $('#dateTo').datepicker({
        showWeek: true,
        firstDay: 0, // sets first day as sunday
        onSelect: function(dateText, ui){
            $('#weekTo').val($.datepicker.iso8601Week(new Date(dateText)));
        }
    });
    
});