question How to select only future date in date field using onsubmit client script in Developer forum

How to select only future date in date field using onsubmit client script

sriram7 — Fri, 26 May 2023 10:32:00 GMT

Hi Team,

I have date field called return date. In that date field I need to select only present and future dates.

I can achieve this using ui policy, but I want to using client script.

Re: How to select only future date in date field using onsubmit client script

Manmohan K — Fri, 26 May 2023 10:37:33 GMT

Hi @sriram7

You can use below on change client script

Re: How to select only future date in date field using onsubmit client script

sriram7 — Fri, 26 May 2023 10:43:03 GMT

I want to populate error message in when i am submitting catalog form

Re: How to select only future date in date field using onsubmit client script

Manmohan K — Fri, 26 May 2023 10:55:02 GMT

@sriram7 ,

You can create a on submit client script in that case with below code

function onSubmit(){ var dateVal=g_form.getValue('your date field'); var selectedDateNum = getDateFromFormat(dateVal ,g_user_date_time_format); var today_date = new Date(); var today_dateStr = formatDate(today_date, g_user_date_time_format); var todayDateNum = getDateFromFormat(today_dateStr, g_user_date_time_format); if(selectedDateNum < todayDateNum) { g_form.addErrorMessage("Selected date cannot be less than today's date"); return false; } return true; }

Re: How to select only future date in date field using onsubmit client script

sriram7 — Fri, 26 May 2023 10:56:08 GMT

Hi @Manmohan K ,

If I am selecting tomorrows date it is throwing error

Re: How to select only future date in date field using onsubmit client script

Manmohan K — Fri, 26 May 2023 11:03:10 GMT

Hi @sriram7 ,

Can you try below code and validate

function onSubmit(){ var dateVal=new Date(g_form.getValue('return_date')); var todayDateNum = new Date(); if(dateVal < todayDateNum) { g_form.addErrorMessage("Selected date cannot be less than today's date"); return false; } return true; }

Re: How to select only future date in date field using onsubmit client script

Devender Kumar — Fri, 26 May 2023 11:44:00 GMT

Hi @sriram7

Please write the onChange Client Script like this

If my answer resolves your issue then don't forget to mark it as correct and helpful.

Regards

Devender Kumar

Re: How to select only future date in date field using onsubmit client script

SN_Learn — Fri, 26 May 2023 12:44:01 GMT

Hi @sriram7 ,

Please try the solution proposed in the thread below:

https://www.servicenow.com/community/developer-forum/client-script-compare-a-field-date-with-current-time/m-p/2229685/page/2

If my answer helped you in any way, please then mark it as helpful or correct.

Re: How to select only future date in date field using onsubmit client script

Ankur Bawiskar — Fri, 26 May 2023 13:02:35 GMT

@sriram7

no scripting is required. just use UI policy

check this blog

No Code date validations through (Catalog) UI Policies

Re: How to select only future date in date field using onsubmit client script

sriram7 — Mon, 29 May 2023 06:10:47 GMT

Hi @Manmohan K ,

For today's date also it is showing error message. Error message needs to show only for past dates.

Re: How to select only future date in date field using onsubmit client script

Ankur Bawiskar — Mon, 29 May 2023 06:30:50 GMT

@sriram7

Did you get a chance to check the above link?

Re: How to select only future date in date field using onsubmit client script

Pravindra1 — Mon, 29 May 2023 07:21:05 GMT

Hi @sriram7 , If you want to display the error message when you are clicking on Submit then

- create a hidden field(valid_date) with default value 'Yes'.

- Write an UI Policy to validate the selected date and set the value of hidden field 'valid_date' to yes/now using Run Script option of UI policy.

Then write an On-Submit Client Script as below to check if valid date is selected and display error message: