jquery bootstrap datepicker только месяц и день

у меня есть пример

http://jsfiddle.net/rAdV6/20/?

в jqueryui datepicker

третий демонстрационный пример

где только месяц и число.

я хочу это на бутстрапе datepicker.

<http://www.eyecon.ro/bootstrap-datepicker/>?

javascript datepicker jquery twitter-bootstrap bootstrap-datepicker
person Gia Nebieridze    schedule 17.02.2014    source источник

Ответы (6)


arrow_upward
2
arrow_downward

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

$(".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);
});
person user3736897    schedule 13.06.2014
comment
Это хорошая идея, и она почти сработала для меня, но я обнаружил, что текст даты не всегда обновляется на дисплее. Таким образом, вы можете сначала отобразить «Сентябрь», затем «Сентябрь», а затем ничего. Поэтому я изменил приведенный выше код, чтобы заменить числа ничем подобным: var dateTitle = dateText.replace(/[0-9]/g, ''); - person andyb; 11.02.2016
comment
Вы также можете скрыть дни недели, так как они зависят от года. Я сделал это с помощью: $(.dow).hide(); - person andyb; 11.02.2016
comment
проблема в том, что существует несоответствие, если пользователь переходит к новым годам. т. е. в некоторые годы будет 2/29 - person lsankar4033; 28.02.2018

arrow_upward
2
arrow_downward

Это то, что работает для меня. Использование функции разделения 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"});
});
person Mahesa M. Elba    schedule 11.04.2016

arrow_upward
0
arrow_downward

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

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

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

$('.datepicker').datepicker({
    format: "mm/dd"
})`
person JuniorCoder    schedule 17.02.2014
comment
я хочу только месяц и день, а не год, это моя проблема. - person Gia Nebieridze; 17.02.2014
comment
Попробуйте это: eternicode.github.io/bootstrap-datepicker/ - person JuniorCoder; 17.02.2014

arrow_upward
0
arrow_downward

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

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

Это не повлияет на другие средства выбора даты на той же странице.

person Rafi    schedule 30.01.2017

arrow_upward
0
arrow_downward

Использовать это:

format: "dd/mm",
weekStart: 1,
startView: 1,
maxViewMode: 1,
autoclose: true
person Nairo Granados    schedule 12.10.2017

arrow_upward
0
arrow_downward

Попробуйте это и дайте мне знать

    $(".datepicker").datepicker({
        format : 'mm-dd',
    }).on('show', function() {

        var dateText  = $(".datepicker-days .datepicker-switch").text();
        var dateTitle = dateText.substr(0, dateText.length - 5);
        $(".datepicker-days .datepicker-switch").text(dateTitle);

        var months= ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

        if(dateTitle=='' && $("#notify_month").val()!=""){
           var month_val =  parseInt($("#notify_month").val());
           dateTitle = months[month_val-1];
           $(".datepicker-days .datepicker-switch").text(dateTitle);
        }

        $(".datepicker-months .datepicker-switch").css({"visibility":"hidden"});
    });
person Prasanth Ka    schedule 14.07.2021