How to collect just day and month with a date picker?

  • Profile Image
    ashperti
    Asked on December 21, 2020 at 11:11 AM

    I want to collect only Month and Day for Birthdate and Anniversary

    How do I accomplish that with Jot Form. Can Date Picker be customized or is ther another way to accomplish this

  • Profile Image
    Gustavo_H
    Answered on December 21, 2020 at 11:39 AM

    Hi, ashperti. I am glad to help you today.


    Unfortunately, you will not be able to only get the month and day with a Date Picker. However, if you use our Birth Date Picker, you can use the CSS code below, changing the question mark to your field ID to hide the year area.

    #input_?_year, #sublabel_?_year {  display: none;}


    Here is a screencast showing the process. Please, see the entire gif :)

    1608568725_5fe0cf95110bb_


    Here is the form example. Let us know if you need any further assistance.


    Have a wonderful week 😀✨

  • Profile Image
    ashperti
    Answered on December 21, 2020 at 12:33 PM

    I tried this and ran into problem

    I was able to select birth date picker from Widget

    When I tried to edit the Year Field and hit delete key to edit that out in Field Control it deleted the entire field

    How do I edit the field control data?

  • Profile Image
    Cecile_A
    Answered on December 21, 2020 at 02:31 PM

    Hello there,

    Deleting the year field in the birth date picker will delete the entire widget. Since you only want to get the month and day, we can simply hide the year instead. Please follow my colleague's suggestion of injecting this custom CSS code in your form.

    #input_?_year, #sublabel_?_year {  display: none;}

    Note: Please replace ? with the right ID number of the birth date picker widget in your form. Check demo below to know how to see field IDs.

    1608578487_5fe0f5b76a5d9_5.gif

    Guide: How to Inject Custom CSS Codes


    You may also clone my colleague's demo form.

    Form URL: https://www.jotform.com/203554588972065

    Guide: How to Clone an Existing Form from a URL


    For the full demo of how it's done, please see my colleague's previous answer. He has attached a GIF showing the step by step procedure.

    Do get back to us if you need further assistance.