jquery - Bootstrap Datetimepicker - 十年表示モードを無効にする

Question

ユーザーがビュー ヘッダーを複数回クリックすると、予想される動作は次のようになります: 日 -> 月 -> 年 -> 十年。数十年表示を無効にする必要があります (スクリーンショットを添付)。そうすることで、ユーザーは「年」表示モードに進むことができなくなります。

Answer 1

RomeroMskに感謝します。

CSS:

.datepicker-years .picker-switch {
cursor: default !important;
background: inherit !important;
}

JS:

$('#datetimepicker1').datetimepicker({
// your datetimepicker options go here, f.i.:
        inline: true,
        sideBySide: false,
        format : "DD/MMM/YYYY",
        maxDate : moment()
}).on('dp.show dp.update', function () {
$(".datepicker-years .picker-switch").removeAttr('title')
    //.css('cursor', 'default')  <-- this is not needed if the CSS above is used
    //.css('background', 'inherit')  <-- this is not needed if the CSS above is used
    .on('click', function (e) {
        e.stopPropagation();
    });
});

Answer 2

これは、bootstrap-datetimepicker.js にも変更を加えることで実現できます。これが最も簡単な方法です。あなたがしなければならないことは、エディタでbootstrap-datetimepicker.jsを開くことだけです -

1. 行を見つけてコメントします -

   yearsViewHeader.eq(1).attr('title', options.tooltips.selectDecade);
   

2. 「yearsView.find('.disabled').removeClass('disabled');」という行のすぐ下に、この行を追加します。

   yearsViewHeader.eq(1).addClass('disabled');
   

このリンクでより詳細な手順を見つけることができます

Answer 3

これが最善かつシンプルなソリューションです。

.datepicker-dropdown .datepicker-years .datepicker-switch, .datepicker-dropdown .datepicker-months .datepicker-switch {
    pointer-events: none;
}