Date Time: How to show month as 3 letters or complete word? - RESOLVED

  • AA_C
    Asked on December 9, 2016 at 9:04 AM

    Spell the month out with 3 letters or complete word.

    8 Dec. 2016 or 8 December 2016

    What is the injected code to accomplish this please?

  • emily
    Replied on December 9, 2016 at 9:29 AM

    Hi Robert, 

    You can change the date on your email notification. You can set the output of the selected date as day month, year. Please a look at the user guide below.

    https://www.jotform.com/help/68-Add-a-Date-on-Email-Notification 

    Additionally, you can add Configurable List widget to your form. By using this widget, users can select day, month and year from a list. Please have a look at the screenshots below for further information.

    1. Add Configurable List widget to your form.

    Date Time: How to show month as 3 letters or complete word?   RESOLVED Image 1 Screenshot 40

     

    2. Delete all fields except Calendar field. You can set the year interval according to your request.

     Date Time: How to show month as 3 letters or complete word?   RESOLVED Image 2 Screenshot 51

    3. You can edit the name of the widget.

    Date Time: How to show month as 3 letters or complete word?   RESOLVED Image 3 Screenshot 62

    https://widgets.jotform.com/widget/configurable_list 

     

    I hope these help. If you need further guidance or have any question, please let us know.

    Thank you.

  • AA_C
    Replied on December 9, 2016 at 5:15 PM

    Hi,

    None of these solutions apply to request I have.

    You suggested deleating all the fields except the Calendar, why would i do that?

     

        "2. Delete all fields except Calendar field. "

     

    On my form 63423134202946, I have a Current date field.

    I would like the option of changing the display to show text for the month.

    I have this injected css code to configure the fields;

    #day_216, #month_216, #year_216 {

     size : 12pt;

    text-align: center;

    color:black;

    font-weight:bold;

    }

    #day_216, #month_216 {

        width : 40pt;    

    }

    #year_216 {

        width : 80pt;   

    }

    I tried the "Configurable List widget" but having a calendar list is not what I need.

    The email notification date is not what I'm asking about.

    Thanks

    Regards
    Robert
    AAC

  • Elton Support Team Lead
    Replied on December 9, 2016 at 7:59 PM

    @AA_C

    Unfortunately, you can't achieve that with CSS. That is something you will have to do with javascript using the form source code.

    The easiest workaround we can offer is to use a form calculation widget and get a date string value of the current date.

    Example:

    Date Time: How to show month as 3 letters or complete word?   RESOLVED Image 1 Screenshot 40

    Here's its output:

    Date Time: How to show month as 3 letters or complete word?   RESOLVED Image 2 Screenshot 51

    Or use, Localized Calendar widget and set the date format to full.

    Date Time: How to show month as 3 letters or complete word?   RESOLVED Image 3 Screenshot 62

    Hope this helps!

  • AA_C
    Replied on December 9, 2016 at 8:32 PM

    Hay Elton... 

    Very interesting.. Using a Cal to get a date... I most certainly will give this a go.

    Thanks, It's what I need.

    Regards
    Robert
    AAC

     

  • liyam
    Replied on December 10, 2016 at 12:12 AM

    Thanks for your response, Robert. We're glad to know Elton's solution fits to your need.

    If you have other questions or concerns, please let us know.

    Thanks.