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

    is it possible to remove weekends from date picker so only week days can be picked?

    Asked by chirolife on September 29, 2013 at 10:23 PM
    remove weekends alter date picker alter calendar remove specific days hide specific days hide certain days hide weekends
  • Profile Image
    JotForm Support

    Answered by abajan on September 29, 2013 at 11:25 PM

    This might be possible. I'll see what I can come up with but I'm not making any promises.

  • Profile Image
    JotForm Support

    Answered by abajan on September 30, 2013 at 01:27 AM

    Currently, the best solution I can come up with would be to add the following rule to the form's injected CSS:

    .weekend {
    display: none;
    }

    The result of that can be seen in this form. Granted, with the weekends removed the calendar doesn't look quite right. There's probably a way to fix that but the calendar sections of the form script would need to be perused to see what can be done.

    Also, in order to prevent users from manually entering dates in the Month, Day, and Year boxes, you would either have to add a free text (HTML) element


    to the form and position it over those boxes via CSS (as was done in the demo) or get a copy of the form's full source and embed it into a web page and then edit the code to make those fields read-only, as was done here. The advantage with the second method is that the calendar pops up not only when the calendar icon is clicked but also when the textboxes are clicked.

  • Profile Image
    JotForm Support

    Answered by abajan on October 24, 2013 at 08:18 AM

    Hi again,

    After seeing an answer recently given by a colleague (Khrisell) to another client, it occurred to me that there's a better injected CSS solution. Instead of

    .weekend {
    display: none;
    }

    use either

    .days td:first-child,
    .days td:last-child {
    visibility: hidden;
    }

    or (if you wish to accommodate IE 8 users)

    .days td:first-child,
    .days td:first-child + td +
    td + td + td + td + td {
    visibility: hidden;
    }

    (IE 8 doesn't support :last-child but it does support adjacent sibling selectors, as shown in this browser compatibility table.)

    If you don't want the headings of the weekends shown (the S and S), add the following rules:

    .calendar th:first-child,
    .calendar th:last-child {
    color: #DDD;
    }

    or if supporting IE 8:

    .calendar th:first-child,
    .calendar th:first-child +
    th + th + th + th + th + th {
    color: #DDD;
    }

    The result can be seen in this clone of your form.