Disable some hours bootstrap datetimepicker

twitter-bootstrap datetimepicker bootstrap-datetimepicker
maures picture maures · May 5, 2015 · Viewed 10.3k times · Source

I want to disable selecting some hours with bootstrap datetimepicker because I want to select only time from 8:00 am to 19:00 pm.

I can't find nothing about that. Can you help me?

Answer

Konservin picture Konservin · Jul 2, 2015

This should work:

$(".datepicker").datetimepicker({
    hoursDisabled: '0,1,2,3,4,5,6,7,18,19,20,21,22,23'
});

and also this:

    hoursDisabled: [0, 1, 2, 3, 4, 5, 6, 7, 8, 18, 19, 20, 21, 22, 23]

Because in bootstrap-datetimepicker.js:

    setHoursDisabled: function (hoursDisabled) {
        this.hoursDisabled = hoursDisabled || [];
        if (!$.isArray(this.hoursDisabled)) {
            this.hoursDisabled = this.hoursDisabled.split(/,\s*/);
        }
        ...
    },

Related questions

get click event from date clicked on datetimepicker bootstrap

I'm using datepicker for bootstrap from this site https://eonasdan.github.io/bootstrap-datetimepicker/ I'm trying to capture click from date clicked at the beginning when input is empty. the problem with dp.change is that the first click event is …

Read More
Bootstrap DateTimePicker (eonasdan) format date as DD/MMM/YYYY

I'm having quite of a problem regarding this bootstrap plugin below. http://eonasdan.github.io/bootstrap-datetimepicker/ I have an initial value of "15/05/1992" which has an initial format of "DD/MM/YYYY", now using this plugin which also use moments as …

Read More
Bootstrap date and time picker

Suggest me any JavaScript to pick the date and time . NOTE: I want to use only one file for date and time picking. I already see this: http://www.eyecon.ro/bootstrap-datepicker/ and http://jdewit.github.com/bootstrap-timepicker/index.html

Read More