jQuery DatePickerで次/今日/前のナビゲーションを非表示にし、アニメーションをオフにするにはどうすればよいですか？

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

質問

jQuery DatePickerで prev / today / next ナビゲーションを非表示にするにはどうすればよいですか

月と年のドロップダウンボックスだけで満足です。

また、アニメーションを無効にする方法

@ 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を微調整したり、プロパティを設定したりする必要はありませんでした。 Fyi。

スタイルを変更して、何も表示しないようにします。 

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