am-impact / amforms

Forms plugin for Craft
Other
121 stars 21 forks source link

Date/Time field not rendering on Front End Form #187

Open bgarrant opened 6 years ago

bgarrant commented 6 years ago

I noticed that the Date/Time fields are no longer rendering on front end forms in Craft 2.6.3017. Instead I just see two text fields without the icons for the pickers. What do I need to change to get them back? This is my form code:

    {% if craft.request.lastSegment == 'donation-request' %}
    <div class="row">
      <div class="col-xs-12">

      <h2>Donation Request Form</h2>

      {% set form = craft.amForms.getForm('donationRequestForm') %}

      <form method="post" action="" accept-charset="UTF-8">
        {{ getCsrfInput() }}
        {# This should always be here! #}
        <input type="hidden" name="action" value="amForms/submissions/saveSubmission">

        {# Insert your form's handle. #}
        <input type="hidden" name="handle" value="donationRequestForm">

        {# Optional: Redirect URL. Will redirect to current page by default. #}
        <input type="hidden" name="redirect" value="donation-request?message=thankyou">

        {# Optional: Anti-spam protection. #}
        {{ craft.amForms.displayAntispam() }}

        {# Optional: Google reCAPTCHA protection. #}
        {{ craft.amForms.displayRecaptcha() }}

        {# Place the HTML of your fields here #}        

        {{ form.displayField('firstName') }}
        {{ form.displayField('lastName') }}
        {{ form.displayField('emailAddress') }}
        {{ form.displayField('telephoneNumber') }}
        {{ form.displayField('group') }}
        {{ form.displayField('beneficiary') }}
        {{ form.displayField('designation') }}
        {{ form.displayField('dateTimeOfEvent') }}
        {{ form.displayField('locationOfEvent') }}
        {{ form.displayField('numberOfPeopleAttending') }}
        {{ form.displayField('alcoholServedAtEvent') }}
        {{ form.displayField('pickUpDate') }}
        {{ form.displayField('donationPreference') }}
        {{ form.displayField('eventDetails') }}

        <button type="submit" class="btn btn-default">Submit</button>
      </form>
      </div>
    </div>
    {% endif %}

This is what we see:

screen shot 2018-06-28 at 8 40 45 am

What do I need to change to get it working again? This is in my footer:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>