[Resolved] limit date picket dates/times

[Author]

Posts

[Ido Angel]

hey,
2 things:

1) i tried limiting the daye picker to only 3 years ahead from now, using this code:

  $( ".thedate" ).datepicker({
    minDate: 0,
    maxDate: 1095
  });

it worked, but i couldn't create an event anymore as no matter which date i chose, it gave a "this field is required" error.

2) is there a way to limit the minutes to 30 minutes intervals?

thx!

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - have you added the date field as date filter to your views? If yes, can you please share problem URL?

2) is there a way to limit the minutes to 30 minutes intervals?
==> where and how exactly you want to display this section and where you want to use it?

[Ido Angel]

Hey minesh,
I'm using it in a cred form for creating and editing events with a date field.

[Minesh]

Ok great - can you please share link where you added the form?

[Ido Angel]

Hey
It's here:

hidden link

Bit I removed the code. You can re add it, use the credentials from this thread here:

https://toolset.com/forums/topic/excerpt-from-custom-field-multilines-with-breaks/

You'll need them to see the page anyway..

Thx!

[Minesh]

I've added the following code to your Form's JS box to restrict the datepicker maxdate to 3 years from now:

jQuery(window).load(function() {
  id = jQuery('input[name="wpcf-event-date[display-only]"').attr('id');
    jQuery( "#"+id ).datepicker("option","minDate","0");
    jQuery( "#"+id ).datepicker("option","maxDate","+3Y");
});   

[Ido Angel]

Hey
Thx but I tried now and it allowed me to place date before today and in 5 years...
Also - could you please take a look at the second question?
Thx!

[Minesh]

Thx but I tried now and it allowed me to place date before today and in 5 years...
=> Please clear your browser cache and check. I can not able to select past dates as well as the allowed date is 3 years from now, thats maxdate.

2) is there a way to limit the minutes to 30 minutes intervals?
==> No, there is no solution for this. At least I do not have it.

[Ido Angel]

ok - thx!
i checked on desktop - works.
but in mobiles, even if i delete cache, it still doesn't work.
maybe it's the windows.load function?
any other idea?
thx minesh!

[Minesh]

Well - I do not know about mobile compatibility.

What if you try to add the following code to your form's JS box, Please remove the existing code:

jQuery(window).bind("cred_form_ready", function() {
  
     id = jQuery('input[name="wpcf-event-date[display-only]"').attr('id');
    jQuery( "#"+id ).datepicker("option","minDate","0");
    jQuery( "#"+id ).datepicker("option","maxDate","+3Y");
 
});

[Ido Angel]

Perfect Minesh!!!!! Thanks so much. Now I need to find how to make those intervals... 🙂