Skip to main content
Community site session details

Community site session details

Session Id :
Power Pages - Power Apps Portals
Answered

Manually Set Value in Date Field

(0) ShareShare
ReportReport
Posted on by 312

Hello community, I am working with a portal in power apps. 

I am using a script to disable two days after the current date. This is working fine.

 

But it happens that if the user manually enters any date in the field "delivery date" it defeats the whole purpose of the script. That's why I'm looking for a way to remove/disable the "manually enter" option so that the user doesn't enter any date.

 

For example, the date shown was entered manually (06/05/2002). And I want everything that is entered in this field to be through the "Choose Date" button

MartinVargas_0-1652114424846.png

 

Can someone help me here? 

I would appreciate it guys

  • Verified answer
    MartinVargas Profile Picture
    312 on at
    Re: Manually Set Value in Date Field

    Thank you very much @Fubar @NatGeo, both solutions suit what I need.

  • natalya Profile Picture
    133 on at
    Re: Manually Set Value in Date Field

    Hi @MartinVargas 

     

    You can add functionality provided by PowerApps Portal 

    Add custom JavaScript - Power Apps | Microsoft Docs

    or validate on the user entry, please see the code below:

    $("#kg_dateofbirth").next().on("dp.change", function(e) {
     if ($("#kg_dateofbirth").val()==="Invalid date"){
    	//error message if invalid date
     } 
     else if(!$("#kg_dateofbirth").val()){
    	//error message if empty
    }
     else{
     let controlVal = $("#kg_dateofbirth_datepicker_description").val();
     let today = new moment();
    			today = moment(today).add(2,'d' ).format("YYYY-MM-DDT");
     controlVal = moment(controlVal).format("YYYY-MM-DDT");
     let a= moment(controlVal, "YYYY-MM-DDT", true);
     if(a.isValid() == true){
     if (controlVal > today) {
    			$("#kg_dateofbirth").next().data("DateTimePicker").clear()
    			//error message		
    			} 
     } 
     } 
     });

     Hoping it helps!

    NatGeo

  • Fubar Profile Picture
    8,021 Super User 2025 Season 1 on at
    Re: Manually Set Value in Date Field

    This may not cover all the relevant events (you can add additional ones) but the following will generally stop the user entering in the input field 

    $('#fieldname_datepicker_description').on('keypress paste', function (e) {
     e.preventDefault();
     return false;
    });

     

  • MartinVargas Profile Picture
    312 on at
    Re: Manually Set Value in Date Field

    Hi @NatGeo Could you tell me an example of how to add a validation, I would greatly appreciate it.  I am new at this.

  • natalya Profile Picture
    133 on at
    Re: Manually Set Value in Date Field

    Hi @MartinVargas ,

    one of the solution would be -adding the validation to the delivery date field - do not accept the current date +2 days. 

    By disabling entry you may have some accessibility issues.

     

    Hoping it helps.

    NatGeo

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Power Pages

#1
Lucas001 Profile Picture

Lucas001 60 Super User 2025 Season 1

#2
Fubar Profile Picture

Fubar 55 Super User 2025 Season 1

#3
surya narayanan Profile Picture

surya narayanan 35