From c49db317c7828c990d1a4706c59e532594ea586e Mon Sep 17 00:00:00 2001 From: Rizan Zaky Date: Fri, 23 Dec 2016 10:33:18 +0530 Subject: [PATCH] Feature to remove the "Picker's" header navigation * Add option 'noHeaderNav', 'true' to remove header navigation. (Default 'false') * Ex: $('#selector').datetimepicker({noHeaderNav: true}); --- js/bootstrap-datetimepicker.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/js/bootstrap-datetimepicker.js b/js/bootstrap-datetimepicker.js index 7989be70..ff25485e 100644 --- a/js/bootstrap-datetimepicker.js +++ b/js/bootstrap-datetimepicker.js @@ -82,6 +82,7 @@ // when page switch the datetimepicker div will be removed also. this.container = options.container || 'body'; + this.noHeaderNav = ('noHeaderNav' in options) ? options.noHeaderNav: false; // take user's option for header this.language = options.language || this.element.data('date-language') || 'en'; this.language = this.language in dates ? this.language : this.language.split('-')[0]; // fr-CA fallback to fr this.language = this.language in dates ? this.language : 'en'; @@ -211,6 +212,11 @@ mousedown: $.proxy(this.mousedown, this) }); + if (this.noHeaderNav) { // if header option is available + this.picker.find('thead').css({ display: 'none' }); // remove header navigation + this.picker.find('tbody > tr > td').css({ width: '188.5px' }); // add fix for body width shrinking + } + if (this.wheelViewModeNavigation) { if ($.fn.mousewheel) { this.picker.on({mousewheel: $.proxy(this.mousewheel, this)});