Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 10, 2018 at 4:48 pm #1020004
    Nagytalp

    Hi,

    sorry but I didn’t find the solution on forum. How to set the datepicker’s input field to read only? Guest are not choosing the date from the calendar insteed they write the birth date in the field. :D

    Thanks,
    Csaba.

    October 11, 2018 at 6:15 am #1020176
    Rikard

    Hey Nagytalp,

    I’m not sure I understand what you mean, could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    October 11, 2018 at 4:01 pm #1020335
    Nagytalp

    Hello Rikard,

    Here You can directly write to the Date* field.
    I wanna disable the direct writing -or as I mean set the the field to read-only- and left the calendar as only option to choose the right date.

    Thanks,
    Csaba

    • This reply was modified 6 years, 1 month ago by Nagytalp.
    October 13, 2018 at 9:42 pm #1021110
    Mike

    Hi,
    Sorry for the late reply, I took a look at your date picker with Chrome, Firefox, and Edge on Windows 10, can I was unable to enter a date with the keyboard. What browser are you using?
    Please try this code in the General Styling > Quick CSS field:

    #top.page-id-168 #avia_5_1.avia_datepicker {
cursor: none !important; 
}

    Best regards,
    Mike

    October 14, 2018 at 7:00 pm #1021265
    Nagytalp

    Hi Mike,

    thank You for the solution!
    Basically I was late with the answer because I’m solved with a small script.

    But without the CSS or jQuery snippet the field is writeable. This looks a small thing but in reality some guest are gaves it’s own birth date. And they cannot realize in the restaurant why don’t have a free table? 

    <script>
jQuery("#avia_5_1").prop("readonly", true);
</script>

    I like the CSS way so now I learned a new thing from You.

    Thank You for the time & your energy!
    Cheers,
    Csaba.

    • This reply was modified 6 years, 1 month ago by Nagytalp.
    October 14, 2018 at 10:08 pm #1021292
    Mike

    Hi,
    Glad you have it sorted out, thanks for sharing the jQuery solution.
    We will close this now, thanks for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Set datepicker input field to read only’ is closed to new replies.