JQuery DatePicker에서 다음/오늘/이전 내비게이션을 숨기고 애니메이션을 끄는 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/316147

문제

어떻게 숨기나요? 이전/오늘/다음 jQuery datePicker의 탐색?

나는 달과 연도의 드롭 다운 상자에 만족합니다.

또한 애니메이션을 어떻게 비활성화합니까?

@tvanfosson - 이미 시도했습니다 hideIfNoPrevNext 그러나 그것은 2 개월에 걸친 날짜 범위가없는 경우에만 효과가 있습니다.

지속 시간 옵션은 애니메이션을 끄는 트릭을 수행했습니다.

건배.

도움이 되었습니까?

해결책

CSS를 통해 이전/다음 내비게이션을 숨길 수 있습니다. 테마로 수행하는 예를 볼 수 있습니다 http://marcgrabanski.com/pages/code/jquery-ui-datepicker

다른 팁

DatePicker 컨트롤 옵션을 찾을 수 있습니다. http://docs.jquery.com/ui/datepicker/datepicker#options. 구체적으로, 나는 당신이 hideifnoprevnext를 true로 설정하고 지속 시간을 ''로 설정하고 싶다고 생각합니다.

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

버튼을 숨기십시오

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

나도 DatePicker의 기본 기능 으로이 문제를 경험했습니다. jquery.ui.base.css에 대한 링크가 누락되었습니다. 내 페이지 에이 파일에 참조를 포함시킨 후에는 매력처럼 작동했습니다. CSS를 조정할 필요가 없었거나 속성을 설정할 필요가 없었습니다. 참고로.

아무것도 표시하지 않도록 스타일을 수정하십시오. 

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

나는 이것이 늙었다는 것을 알고 있지만 이것을하는 또 다른 방법을 찾았습니다. 나는 이것을 사용했다.

.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();
    });

이 코드를 사용하면 다음 또는 이전 버튼의 내비게이션 중지에 반드시 작동합니다.

$("#cal").datepicker({
stepMonths: 0
)};
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top