question Catalog Client Script in Community Central forum

Catalog Client Script

CesarV_ — Fri, 26 Sep 2025 15:59:41 GMT

Hi all,

I am trying to configure a Date variable on a Catalog Item form so users can only select a date that is at least two weeks out from the current date. Using a Catalog Client Script, I tried scripting this function, which gives me no errors but seems to not change anything on the form.

Can anyone take a look at my script and tell me what I might be doing wrong?

Example: highlighted dates should be grayed out and not selectable:

My Script:

function onLoad() {

var today = new Date();

var minDate = new Date();

minDate.setDate(today.getDate() + 14);

// Format minDate as yyyy-MM-dd

var yyyy = minDate.getFullYear();

var mm = String(minDate.getMonth() + 1).padStart(2, '0');

var dd = String(minDate.getDate()).padStart(2, '0');

var formattedMinDate = yyyy + '-' + mm + '-' + dd;

// Set the min attribute on the date input field

var dateField = g_form.getControl('requested_fulfillment_date');

if (dateField) {

dateField.setAttribute('min', formattedMinDate);

}

Re: Catalog Client Script

GlideFather — Sat, 27 Sep 2025 09:46:37 GMT

Hi @CesarV_,

I don't think there would be possible way to "disable" the other options.

Instead you can add a field or info message clarifying that the date must be within defined range (2 weeks from today) and if user select any date in that range then doesn't allow to submit.

It would be:

1a) onLoad catalog client script to show the field message ALWAYS (upon loading the form)
1b) onChange CCS to show if the particular field is displayed conditionally (e.g. user selects a category in another varibale, this date field becomes visible and was not visible when a form was loaded, otherwise 1a) is enough)
2) onSubmit CCS with return false; which makes the submission impossible

Just a small example, you need to process teh 14 days condition better, it is just to show you hwo to disabel submission

if (g_form.getValue('your_date)' > 14) { return false; } else { return true; }

Re: Catalog Client Script

Tejas Adhalrao — Sat, 27 Sep 2025 11:39:49 GMT

Hi @CesarV_,

You can solve this with an onChange Catalogue Client Script on your date variable. In the script, compare the selected date with today + 14 days. If the chosen date is less, show an error and clear the field. and make field value null ( make sure you mark date field is mandetory)

script -> here my date field name is 'my_date'. so replace it.

Output – this is my script

if i select the date less than 2 weeks from now (today's date is 27-09-2025)

Then it shows the error

you can use this script as on change or on submit .let me know if you need script . but on change clientr script would be best solution.

Re: Catalog Client Script

Raghav Sharma24 — Sat, 27 Sep 2025 11:50:55 GMT

@CesarV_ I believe you dn't need client script in this case, did you try UI policy.

The condition should be <date variable> "Relative (operator) after 14 Days from now".

Once you select the variable and operator as "relative", you will get other options to select. This way you can achieve this without script login.

After the condition, in the run script under "execute if true" , you can throw and alert or clear the field if earlier dat is selected.

Please mark the answer correct/helpful accordingly.

Re: Catalog Client Script

Ankur Bawiskar — Sat, 27 Sep 2025 12:38:29 GMT

@CesarV_

no scripting required and when you use UI policy you need not worry on the date format as well.

UI policy will handle that for you.

check response from @Raghav Sharma24 for that UI policy condition

If my response helped please mark it correct and close the thread so that it benefits future readers.

Re: Catalog Client Script

GlideFather — Sat, 27 Sep 2025 13:43:02 GMT

@Raghav Sharma24 you are right, this is excellent advice!

Re: Catalog Client Script

svirkar420 — Mon, 29 Sep 2025 06:25:27 GMT

Hi @CesarV_ , I had achieved something similar in my recent project.

I had used the onChange() client script instead of the onLOad().

Here is the script-

function onChange(control, oldValue, newValue, isLoading) {
if (isLoading || newValue === '') {
return;
}

var selectedDate = new Date(newValue);
var today = new Date();selectedDate.setHours(0, 0, 0, 0);
today.setHours(0, 0, 0, 0);var twoWeeksLater = new Date(today);
twoWeeksLater.setDate(today.getDate() + 14);if (selectedDate < twoWeeksLater) {
g_form.addErrorMessage("Please select a date at least 2 weeks from today.");
g_form.clearValue('your_date_field');
}
}

replace field names with your actual field name.

If this solution helped you Please Mark this solution as accepted and helpful as it will be helpful for other users as well.
Best Regards.
Saurabh V.

Re: Catalog Client Script

Raghav Sharma24 — Mon, 29 Sep 2025 12:38:49 GMT

@CesarV_ Did you try this solution?

Re: Catalog Client Script

svirkar420 — Mon, 29 Sep 2025 17:04:51 GMT

Hi @CesarV_ , Hope you are doing well, have you tried the solution I have posted? It worked in my project.

If my answer given earlier were helpful then Please Mark this solution as accepted and helpful as it will be helpful for other users as well.
Best Regards.
Saurabh V.

Re: Catalog Client Script

svirkar420 — Tue, 30 Sep 2025 12:30:57 GMT

Hi @CesarV_ , Did you try my solution? was it helpful?

If my answers given earlier were helpful then Please Mark this solution as accepted and helpful as it will be helpful for other users as well.
Best Regards.
Saurabh V.

Re: Catalog Client Script

CesarV_ — Wed, 01 Oct 2025 17:29:08 GMT

@svirkar420 this did not work, unfortunately.

Re: Catalog Client Script

CesarV_ — Wed, 01 Oct 2025 17:45:19 GMT

I'm sorry, I am relatively new to ServiceNow, are I doing this in System UI>UI Policies, or Under the Catalog UI Policies within the Catalog Item?

Re: Catalog Client Script

Raghav Sharma24 — Thu, 02 Oct 2025 03:33:59 GMT

@CesarV_ Did you try this solution?

Please mark the answer correct/helpful accordingly.

Re: Catalog Client Script

svirkar420 — Sat, 04 Oct 2025 05:51:29 GMT

Hi @CesarV_ , Hope you are doing well, Did you tried implementing my given solution?

If my answers given earlier were helpful then Please Mark this solution as accepted and helpful as it will be helpful for other users as well.
Best Regards.
Saurabh V.