Select present and future dates only

[GRodLegacy]

Hello, I wanted to ask if there is a way to have someone only be able to select a date that is today or a later date but not past dates. Is this possible? Thank you in advance.

[Mayank_Gandhi]

@GRodLegacy  What kind of form are you developing? Is it PDF or Adaptive form.

[GRodLegacy]

Adaptive

[Mayank_Gandhi]

@GRodLegacy We can prevent it at script level for sure. User will be able to see the date but if its not as per valid rule we can just ask him/her to reselect.

[GRodLegacy]

@Mayank_Gandhi do you happen to have the script?

[Mayank_Gandhi]

@GRodLegacy I will create one and share it with you in a little while.

[GRodLegacy]

@Mayank_Gandhi thank you so much. What language is the scripting considered?

[GRodLegacy]

@Mayank_Gandhi any luck?

[Mayank_Gandhi]

@GRodLegacy You need it on date picker or date input field?

[GRodLegacy]

@Mayank_Gandhi date picker

[Mayank_Gandhi]

@GRodLegacy Use this on date picker: var utc = new Date().toJSON().slice(0,10); if(this.value<utc){ alert("do not select previous dates"); this.value=null; guideBridge.setFocus(this); }

[GRodLegacy]

@Mayank_Gandhi I have tried it on exit and change events and I'm not seeing anything

[Mayank_Gandhi]

@ GRodLegacy https://drive.google.com/file/d/13jD2O6BwTyj9ara-EU0GUNAHap_IUsvf/view?usp=sharing once you select the date then you need to click somewhere outside or focus another field for value commit event to work

[GRodLegacy]

@Mayank_Gandhi I can't open the link because this is a work laptop. But I have added the script to the exit event and even after clicking on another field, it doesn't do anything

[Mayank_Gandhi]

@GRodLegacy Send me your email in pvt message I will mail you the sample.

[GRodLegacy]

@Mayank_Gandhi sent it to you

[Mayank_Gandhi]

@GRodLegacy  Use this on date picker:

var utc = new Date().toJSON().slice(0,10);
if(this.value<utc){

alert("do not select previous dates");
this.value=null;
guideBridge.setFocus(this);
}

[santhosh_kumark · Accepted solution]

Hi @GRodLegacy ,

If your requirement is to restrict the author to not select a past date then it could be achieved with the minDate property with value as "today". Or you can achieve it using Jquery:

$(function() {
$( "#datepicker" ).datepicker({ minDate: 0});
});

Regards,

SK

[GRodLegacy]

@santhosh_kumark How about using JavaScript? AEM Designer uses JS.