What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Date Selector's time field appears blank.

    Asked by JuliaRogers on May 19, 2016 at 12:41 AM

    Hi, can someone please help me get the time field to show up on my form. I can see the numbers in the calendar/date selector. Time field is ON but the numbers are not showing up in their respective boxes

    Also, is is possible to limit the time selector to certain hours? I'd like to set the first available time slot to be 8 AM and the last available time slot is 4:30 PM.

    Thanks, Julie

     

    Page URL:
    https://form.jotform.com/41661137696158

    time field selector field is blank thanks and
  • Profile Image
    JotForm Support

    Answered by Chriistian on May 19, 2016 at 02:48 AM

    I checked your form and I was able to see the issue you were referring to. The options of the time field have a dark background so they are not visible until you click on them.

    To resolve the issue, please inject the custom css below:

    .time-dropdown.form-dropdown {

      color : #111111!important;

      background-color : white!important;

    }

    option {

      background : #fff;

    }

    The time field should now look like the screenshot below. Please note that the time field will appear empty until a user selects a value from the dropdown menu.

    As for your other question, unfortunately it is not possible to limit the time selector to certain hours. If you want to display a certain set of hours, you will need to use a regular dropdown field and set the hours that you want to be displayed there.