Как удалить сегодняшнюю кнопку с datepicker в JQuery?

Ответ 1

используйте этот стиль в вашем файле css

button.ui-datepicker-current { display: none; }

Ответ 2

Рабочий пример в jsfiddle

Подробнее о docs.jquery.com

$(document).ready(function() {
  $("#datepicker").datepicker({
    "showButtonPanel":  false
  });
});

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>
<input type="text" id="datepicker"/>

Ответ 3

У меня есть это:

$(".datepicker").datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        changeYear: true,
        yearRange: "c-150:c+30",
        showButtonPanel:true,
        closeText:'Clear',
        beforeShow: function( input ) {
            setTimeout(function () {
                $(input).datepicker("widget").find(".ui-datepicker-current").hide();
                var clearButton = $(input ).datepicker( "widget" ).find( ".ui-datepicker-close" );
                clearButton.unbind("click").bind("click",function(){$.datepicker._clearDate( input );});
            }, 1 );
        }
}).attr("readonly", true);

строка:

$(input).datepicker("widget").find(".ui-datepicker-current").hide();

скрыть кнопку "Сегодня"

Ответ 4

Вы можете удалить кнопку, установив для параметра showButtonPanel значение false, но это приведет к удалению всех кнопок. Если вы хотите просто удалить кнопку Today, вы можете использовать этот фрагмент кода:

$('<style type="text/css"> .ui-datepicker-current { display: none; } </style>').appendTo("head");

Это добавит к вашей странице правило стиля, которое установит кнопку Today, чтобы отобразить их, тем самым скрывая кнопку.

Кредит переходит на JQuery DatePicker Tweaks и jquery create css rule/class @runtime для ответа.

Ответ 5

Вы можете использовать опцию showButtonPanel для удаления или отображения кнопок в datepicker

$( ".selector" ).datepicker({ showButtonPanel: true });

Ответ 6

вы можете скрыть его с помощью css

button.ui-datepicker-current { display: none; }

Ответ 7

вы можете выбрать соответствующий формат даты

$( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' });

если вы не хотите, чтобы удалить dd сверху Это может помочь вам!

Ответ 8

проверьте это minDate вы можете реализовать его следующим образом

$( ".selector" ).datepicker({ minDate: new Date(2007, 1 - 1, 1) });

просто поставил сегодня дату как minDate, тогда она исключит сегодняшнюю дату