Как скрыть следующую / сегодняшнюю / предыдущую навигацию в jQuery DatePicker и отключить анимацию?

Question

Как скрыть навигацию предыдущая / сегодня / следующая в jQuery DatePicker?

Я доволен только выпадающими списками Месяц и Год.

Также, как отключить анимацию?

@ tvanfosson - я уже пробовал hideIfNoPrevNext, но это работает, только если у вас нет диапазона дат, охватывающего два месяца.

Параметр длительности помогал отключать анимацию.

Приветствие.

Answer 1

Вы можете найти параметры для элемента управления DatePicker в http://docs.jquery.com/UI/Datepicker/datepicker#options. В частности, я думаю, что вы хотите установить для HideIfNoPrevNext значение true и установить длительность в ''.

  $('#cal').datepicker( { hideIfNoPrevNext: true, duration: '' } );

Answer 2

Просто спрятать кнопки

$("div.ui-datepicker-header a.ui-datepicker-prev,div.ui-datepicker-header a.ui-datepicker-next").hide();

Answer 3

Просто измените стиль, чтобы отобразить его.

div.ui-datepicker-header 
a.ui-datepicker-prev,div.ui-datepicker-header 
a.ui-datepicker-next
{
    display: none;  
}

Answer 4

Я тоже столкнулся с этой проблемой при использовании функций DatePicker по умолчанию. Мне не хватало ссылки на jquery.ui.base.css. После включения ссылки на этот файл на моей странице, он работал как шарм. Мне не нужно было настраивать какие-либо CSS или не нужно было устанавливать какие-либо свойства. Fyi.

Answer 5

Вы можете скрыть предыдущую / следующую навигацию через css. Вы можете увидеть примеры, которые делают это в темах http://marcgrabanski.com/pages/code/jquery-ui-datepicker

Answer 6

Я знаю, что это старо, но я нашел другой способ сделать это. Я использовал это.

.focus(function () {
    $(".ui-datepicker-next").hide();
    $(".ui-datepicker-prev").hide();
});

Вы можете сделать это так ..

$('#TextDateId').datepicker({
        dateFormat: "MM dd yyyy",
        changeMonth: true,
    }).focus(function () {
        $(".ui-datepicker-next").hide();
        $(".ui-datepicker-prev").hide();
    });

Answer 7

используйте этот код, он определенно будет работать для остановки навигации по кнопке «Далее» или «Предыдущая».

$("#cal").datepicker({
stepMonths: 0
)};