2015-02-02 5 views
3

В настоящее время всплывающее окно yi-bootstrap datepicker заказывает дни недели Mon-Sun. У меня есть запрос от клиента, чтобы переупорядочить их Sun-SatИзменить Угловой ui-bootstrap datepicker дневной заказ

Интересно, что на странице ui-bootstrap пример inline имеет порядок Sun-Mon, но всплывающее окно - всплывающее окно.

Есть ли способ изменить дневной порядок во всплывающем окне? Я не нашел никакой информации по этой теме в своем googling.

ответ

2

Эндрю, в Datepicker docs под «Popup Settings» подзаголовка, он говорит: «Варианта DatePicker может быть передана как JSON с помощью атрибута Datepicker-опция», который был ключевым куском для меня решая ту же проблему, с которой вы сталкиваетесь.

См. this JSFiddle, что упрощает пример кода от angular-ui.github.io и содержит нужные вам биты. Обратите внимание, что вам нужно изменить, чтобы верблюд случай правописания «startingDay»:

$scope.dateOptions = { 
    formatYear: 'yy', 
    showWeeks: false,  
    startingDay: 0 
}; 
+0

Это отлично сработало для меня, спасибо! – Andrew

1

Этот плагин имеет «начальный день» в качестве опции. Установка этого значения в 0 приведет к его началу в воскресенье.

http://angular-ui.github.io/bootstrap/#/datepicker

+0

Это только кажется, чтобы иметь влияние на инлайн разнообразие в тега, а не на всплывающем календаре. – Andrew

+0

Можете ли вы показать свой код? Это вариант, который делает то, о чем вы просите. Вы также можете попробовать использовать датпикер AngularStraps (это то, что я использую). http://mgcrea.github.io/angular-strap/#/datepickers#datepickers – ribsies

+0

Настройки для встроенных и всплывающих окон несколько отличаются. для встроенного, вы можете добавить start-day = "0" в качестве атрибута в теге , но это не будет работать для всплывающего окна. Вместо этого вы должны добавить его как значение в $ scope.dateOptions в camelCase, как указал Дэйв. Это была часть, которую мне не хватало. Тем не менее, я полностью забыл о начале дня. – Andrew

Смежные вопросы