Manually Set Value in Date Field

[MartinVargas]

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

Can someone help me here? 

I would appreciate it guys

[NatGeo]

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

[MartinVargas]

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

[Fubar]

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;
});

[NatGeo]

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

[MartinVargas · Accepted solution]

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