在pickmeup jquery插件中禁用以前的日期

Question

I am a beginner. I want to disable all the previous dates so that user won't be able to select it.I tried everything but I am not able to disable it.Here is my Code: Please provide a demo if possible.

      var now = new Date;
        pickmeup(element, {
            render: function (date) {
                if (date < now) {
                    return { disabled: true, class_name: 'date-in-past' };
                }
                return {};
            }
        })

Answer 1

It looks like you've taken the example from the GitHub repo correct?

You need to specify the element you want to target.

var now = new Date;
pickmeup(element, {
    render : function (date) {
        if (date < now) {
            return {disabled : true, class_name : 'date-in-past'};
        }
        return {};
    } 
});

Change the element after pickmeup to the element you'd like. So if you wanted to target an element with the class .mydatepicker , change it to...

var now = new Date;
pickmeup('.mydatepicker', {
    render : function (date) {
        if (date < now) {
            return {disabled : true, class_name : 'date-in-past'};
        }
        return {};
    } 
});