Geek Answers Handbook

Disable pickadate dates (JavaScript) after including some specific dates

I use the pickadate library so the user can select dates. By default, all dates should be disabled. This works by adding disabled: [true].

var myPicker=$("#inputDatetime").pickadate(
    {
        format:"dd. mmmm yyyy",
        formatSubmit:"yyyy-mm-dd",
        min:dt,
        selectYears:2,
        close:"Schliessen",
        today:"Heute",
        selectMonths:!0,
        disable: [true]
    }
), picker = myPicker.pickadate("picker");

After that, I can include dates :

picker.set('disable', activeDays);

Now I want to have the blacklisted days of the week. For example, all Mondays and all Mondays should always be blocked. I have this data in another variable:

var disabledDates = [1, 3];

How can I make sure weekdays are disabled after I have included some specific dates?

+4
source share
2 answers

See the code below:

var $input = $("#datepicker").pickadate({
    format: 'dd-mm-yyyy',
    formatSubmit: 'dd-mm-yyyy',
    editable: false,
    min: new Date(),
    firstDay: 0
});

var picker = $input.pickadate('picker');
picker.set("disable", [
    1,
    [2016, 5, 29],
    [2016, 6, 9],
    [2016, 8, 8]
]);

picker.set("enable", [
    [2016, 5, 19],
    [2016, 5, 26]
]);

: http://jsfiddle.net/2j4f9dh8/2/

+1

get, , :

picker.set('disable', activeDays);
var disabledDates = picker.get('disable').push([1, 3]);
picker.set('enable', true); // Enable all days to be sure we will not flip  disabled/enabled states
picker.set('disable', disabledDates);

. .

0

More articles:


All Articles