Установить начальный день недели в jQuery UI Datepicker? - PullRequest
43 голосов
/ 21 августа 2009

Я просматриваю документы для средства выбора даты jQuery UI (http://jqueryui.com/demos/datepicker/),, но не могу найти, как установить первый день недели как понедельник.

Применение региональных настроек установит понедельник в качестве первого дня недели, но это также изменит язык.

Ответы [ 5 ]

74 голосов
/ 25 октября 2010

Вот пример конфигурации, который я использую. Посмотрите на последнюю строку с «firstDay: 1». Я думаю, что использование синтаксиса, подобного этому, чтобы указать опции выбора даты, выглядит лучше;)

$('#datepickerfield').datepicker({
    constrainInput: true,   // prevent letters in the input field
    minDate: new Date(),    // prevent selection of date older than today
    showOn: 'button',       // Show a button next to the text-field
    autoSize: true,         // automatically resize the input field 
    altFormat: 'yy-mm-dd',  // Date Format used
    beforeShowDay: $.datepicker.noWeekends,     // Disable selection of weekends
    firstDay: 1 // Start with Monday
})
51 голосов
/ 21 августа 2009

Попробуйте параметр firstDay (на вкладке параметров):

//getter
var firstDay = $('.selector').datepicker('option', 'firstDay');
//setter
$('.selector').datepicker('option', 'firstDay', 1);
8 голосов
/ 04 декабря 2013

для использования первого дня как понедельника:

$(function() {
    $( "#date_id" ).datepicker({ firstDay: 1 });
});
1 голос
/ 12 марта 2013

Вы также можете достичь этого, создав собственный файл локализации для вашего языка вместе с вашими собственными настройками. Подробности смотрите на этой странице: http://docs.jquery.com/UI/Datepicker/Localization

0 голосов
/ 19 марта 2014
    function getFirstDateOfThisWeek(d)
    {
        var TempDate = new Date(d || new Date());            
        TempDate.setDate(TempDate.getDate() + (@Config.WeekStartOn - 1 - TempDate.getDay() - 7) % 7);           
        return TempDate;

    }

    var StartDate = getFirstDateOfThisWeek(new Date()); //1st date of this week
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...