ответ

0

Модуль bootstrap datepicker является сторонним инструментом, который вам необходимо скачать, установить и ссылаться на ваш код.

Загрузите javascript-библиотеку от http://www.eyecon.ro/bootstrap-datepicker/.

Все, что вам нужно сделать, это добавить следующую строку кода, а затем она будет работать.

$('.datepicker').datepicker({ 
    format: "mm/dd" 
})` 
+0

я хочу только месяц и день, не год, это моя проблема. –

+0

Я обновил код. пожалуйста, попробуйте. – JuniorCoder

+0

не работает ..... –

1

Единственное решение, которое я сделал для этого, чтобы удалить год из названия даты до Datepicker шоу. Ниже приведен код, который я использовал для инициализации datepicker:

$(".datepicker").datepicker({ 
    format : 'MM dd', 
}).on('show', function() { 
    // remove the year from the date title before the datepicker show 
    var dateText = $(".datepicker-days .datepicker-switch").text(); 
    var dateTitle = dateText.substr(0, dateText.length - 5); 
    $(".datepicker-days .datepicker-switch").text(dateTitle); 
}); 
+1

Это хорошая идея и почти сработала для меня, но я обнаружил, что текст даты не всегда обновляется на показе. Таким образом, вы можете получить «сентябрь» в первый раз, затем «сентябрь», а затем ничего. Таким образом, я изменил приведенный выше код, чтобы заменить номера ничем иным: var dateTitle = dateText.replace (/ [0-9]/g, ''); – andyb

+1

Вы также можете скрыть дни недели, так как они не зависят от года. Я сделал это с помощью: $ (". Dow"). Hide(); – andyb

+0

проблема заключается в том, что существует несогласованность, если пользователь перебирается к новым годам. то есть несколько лет будут иметь 2/29 – lsankar4033

1

Это то, что работает для меня. Использование функции разделения jQuery.

$(".datepicker").datepicker({ 
    format : 'MM dd', 
}).on('show', function() { 
    // remove the year from the date title before the datepicker show 
     var dateText = $(".datepicker-days .datepicker-switch").text().split(" "); 
     var dateTitle = dateText[0]; 
     $(".datepicker-days .datepicker-switch").text(dateTitle); 
     $(".datepicker-months .datepicker-switch").css({"visibility":"hidden"}); 
}); 
0

В Jquery DatePicker вы можете сделать что-то вроде этого:

$(".daypicker").datepicker({ 
    changeYear: false, 
    dateFormat: 'MM-dd', 
}).focus(function() { 
    $(".ui-datepicker-year").hide(); 
}); 

Оно не влияет на другие datepickers в той же странице.

0

Используйте это:

format: "dd/mm", 
weekStart: 1, 
startView: 1, 
maxViewMode: 1, 
autoclose: true 
Смежные вопросы