Limiting hours using time field

Richie_P showed me how to enter code into CSS. Not sure why, but I get all hours from 00 to 24...I know I am doing something wrong but have wasted a lot of time trying to tweak the code to get from 8 am to 6 pm...sorry I couldn't figure it out, but will appreciate any help you can give me on this.

Any tutorial you can give me as to what nth-child refers to...

#input_144_hourSelect > option:nth-child(2),

#input_144_hourSelect > option:nth-child(1),

do these refer to the first two hours of the day?

You just need to change the Time format to AM/PM from the Time field properties tab - CSS is not required for this change:

Do try and let us know if this would help.

I need to show limited hours from 08 to 18….what shows now is 00 to 24.

Thank you for your quick response.

Carolyn

...

Please add this CSS code into the form instead of the one you have added:

i.e. Remove these codes from line 8 to 34:

After that add these CSS codes:

#input_144_hourSelect option:nth-child(n):nth-child(-n+9){display: none !important}

#input_144_hourSelect option:nth-child(n+21):nth-child(-n+25){display: none !important}

RESULT:

Please let us know if this helps.

Perfect!!! Thank you for your quick response!!!