Manually Set Value in Date Field

(0) Share

Report

Posted on by MartinVargas

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

Can someone help me here?

I would appreciate it guys

Categories:

Power Apps portals

I have the same question (0)

All responses (5)

Answers (1)

Sort by

natalya 133 on at

Like
a
(0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
MartinVargas 312 on at

Like
a
(0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
Fubar 17 Super User 2026 Season 1 on at

Like
a
(1)

Report
Copy link

Link copied!
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; });

Was this reply helpful? Yes No
natalya 133 on at

Like
a
(1)

Report
Copy link

Link copied!
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

Was this reply helpful? Yes No
Verified answer

MartinVargas 312 on at

Like
a
(0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No