Date Reservation Widget: disable specific months using CSS

  • Profile Image
    spellboundme
    Asked on June 18, 2019 at 07:52 AM

    Hi there,

     

    I have made a form with Date Reservation Widget. I want my users to reserve dates between July and September. Also I don't want them to select any weekends.

    Weekends in UAE falls on Friday and Saturday, hence I am able to disable these two days by typing the following code in the Custom CSS tab:

    td:nth-child(5) {

        opacity: .35;

        background-image: none;

        pointer-events: none;

    }

     

    td:nth-child(6) {

        opacity: .35;

        background-image: none;

        pointer-events: none;

     

    }

     

    Now I want to disable all future and past months except July, August and September. I know I can do it with the default Date Picker widget. How can I do it with the help of Custom CSS?

     

    Please help.

     

    Thanks

  • Profile Image
    jonathan
    Answered on June 18, 2019 at 09:43 AM

    Unfortunately it cannot be achieve by using custom injected CSS codes on the widget. The span content where the month text is, does not identify which months were the content.

    If you disable the element, it will disable all the months.

    I think it will be easier to use the Date Picker field and use its Date Limits Option feature.

    Please let us know if you need further assistance.

  • Profile Image
    spellboundme
    Answered on June 18, 2019 at 11:24 AM

    Unfortunately, the Date Picker field doesn't have the ability to reserve a date for a user and disable that particular date for others.

    Can I not disable a date range? this way I can disable all the dates from October 1st 2019 till December 31st 2019, as I need date availability for my users till September end. That would work for me too.

    The Date Reservation widget should have a feature to disable/enable months or date ranges. Right now a user can reserve a future date in as far as 2050 (or perhaps even more). That should not be the case. The widget should limit availability of dates, because a reservation is normally of a recent date in the future, like a weak or months in advance.

  • Profile Image
    Alan_D
    Answered on June 18, 2019 at 01:31 PM

    I recommend you use our ticket purchases widget to get reservations from the users. You can define the dates as tickets. 
    156087907012.pngPlease let me customize it for you.

  • Profile Image
    Alan_D
    Answered on June 18, 2019 at 02:03 PM

    I have prepared a demo for you. Can you please check my form?
    https://www.jotform.com/91685489388985
    You can clone and customize it. 
    Guide: How-to-Clone-an-Existing-Form-from-a-URL