Select present and future dates only | Community
Skip to main content
G
GRodLegacy
September 10, 2020
Solved

Select present and future dates only

  • September 10, 2020
  • 3 replies
  • 5310 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by santhosh_kumark

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

3 replies

Mayank_Gandhi
Adobe Employee
Mayank_GandhiAdobe Employee
Adobe Employee
September 10, 2020

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

    Mayank_Gandhi
    Adobe Employee
    Mayank_GandhiAdobe Employee
    Adobe Employee
    September 10, 2020
    @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.
    Mayank_Gandhi
    Adobe Employee
    Mayank_GandhiAdobe Employee
    Adobe Employee
    September 11, 2020

     

    @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
      santhosh_kumarkAccepted solution
      September 11, 2020

      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

        G
        GRodLegacyAuthor
        September 17, 2020
        @santhosh_kumark How about using JavaScript? AEM Designer uses JS.
        Terms & ConditionsAccessibility statement

        Loading footer...