Search jQuery

jQuery Forum

Keith Wood date picker, consecutive dates validation

in Using jQuery Plugins • 8 years ago

Hi,

I've started using this amazing datepicker by Keith Wood for my web project and was wondering if anyone could help me out.

I am trying to make it so when the user selects a day in any week, they can only choose 3 days more consecutively.

What I have tried was using the multiselect however this allowed me to select any 4 days. I have also tried using the custom range method, which got me closer, when I tried to add an onselect function to the custom range method where the end-date selection have a maxDate of 4 days, the datepicker stops working.

Could anyone give any suggestions?

If I am unclear please tell me.

Thanks!

Replies(3)

kbwood.au

Re: Keith Wood date picker, consecutive dates validation

8 years ago

Maybe you can use the date range functionality in combination with the onDate callback to control selectability. Something like this example .

Wannabe_D..

Re: Keith Wood date picker, consecutive dates validation

8 years ago

Hi,

Thanks a lot, I should have read up on using the callback functions.

If you could, could you suggest how to implement the noWeekends function to this?

I have tried a few attempts below,

$('#date').datepick({
rangeSelect: true,
onDate: $.datepick.noWeekends,
onDate: function(date) {
return {selectable: !endRange || date.getTime() <= endRange.getTime()};
},

In this code, the noWeekends code looks to be cancelled by the 2nd onDate function, if I put the noWeekends function action the after the 2nd onDate function the range restriction gets cancelled.

So I attempted the multiple event handler, which looked like this:

$('#date').datepick({
rangeSelect: true,
onDate: $.datepick.multipleEvents( $.datepick.noWeekends, function(date) {
return {selectable: !endRange || date.getTime() <= endRange.getTime()};
}),

When I ran the code, this error appears in the de-bugger,

Uncaught TypeError: Cannot read property 'dateClass' of undefined

What would be the best way in combining the events?

kbwood.au

Re: Keith Wood date picker, consecutive dates validation

8 years ago

You need to create your own onDate handler and call the built-in noWeekends from that:

$('#date').datepick({
rangeSelect: true,
onDate: function(date,current) {
var settings = $.datepick.noWeekends(date, current);
settings.selectable = settings.selectable &&
(!endRange || date.getTime() <= endRange.getTime());
return settings;
}
});

Top Reply

Response title

Attachments

jQuery Forum

Keith Wood date picker, consecutive dates validation

Replies(3)

Re: Keith Wood date picker, consecutive dates validation

Re: Keith Wood date picker, consecutive dates validation

Re: Keith Wood date picker, consecutive dates validation

Statistics

Tags

Actions