8

ユーザーが月を変更できる左右のボタンを無効にしようとしています。月のドロップダウン リストを削除しましたが、ボタンを削除できません。

$("#date").datepicker({
    changeMonth: false,
    changeYear: false,
    dateFormat: 'dd/mm/yy',
    duration: 'fast'
});
4

4 に答える 4

14

stepMonths次のように、クリックしてもどこにも行かないようにすることで、効果的に無効にすることができます。

$("#date").datepicker({
  changeMonth: false,
  changeYear: false,
  dateFormat: 'dd/mm/yy',
  duration: 'fast',
  stepMonths: 0
});

ここで試してみることができます

または、次のようにボタンを削除できます。

$("#date").datepicker({
  changeMonth: false,
  changeYear: false,
  dateFormat: 'dd/mm/yy',
  duration: 'fast'
}).focus(function() {
  $(".ui-datepicker-prev, .ui-datepicker-next").remove();
});​

ここで試してみることができます。これは、デフォルトのshowOnオプションがであるため機能します。別のイベントを使用している場合は、呼び出し後focusにそれにバインドするだけです(そのイベントが最初に実行されるため、まだ作成されていないものを非表示にすることはできません) ）。.datepicker()

于 2010-08-17T11:24:14.633 に答える
2

上記の解決策は私にはうまくいきませんでした、私はこれを開発しました：

$('#datepicker').find('.ui-datepicker-next').remove();
$('#datepicker').find('.ui-datepicker-prev').remove();
于 2013-01-16T13:37:11.980 に答える
1

jQueryで直接行う方法がわかりません（または可能かどうか）。

しかし、そこでそれを行う方法が見つからない場合は、いつでも css でボタンを非表示にすることができます。

必要なcssセレクターは（メモリからなので、確認する必要があるかもしれません）

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next
{
    display:none;
}
于 2010-08-17T11:25:15.333 に答える