Datepicker on checkout

  • Hi,

    I’ve been reading and trying but no luck. I’m trying to add a datepicker to checkout but only the input field is showing and the datepicker itself is not showing.

    code in your plugin:

    jQuery(document).ready(function($) {
	$( "#vertrek_datum" ).datepicker();
});

    html on checkout page:

    <p class="form-row form-row form-row form-row-first validate-required woocommerce-invalid woocommerce-invalid-required-field" id="vertrek_datum_field">
	<label for="vertrek_datum" class="">Vertrekdatum <abbr class="required" title="verplicht">*</abbr></label>
	<input type="text" class="input-text  hasDatepicker" name="vertrek_datum" id="vertrek_datum" placeholder="Vertrekdatum" value="">
</p>

    It seems to add the hasDatepicker class but it’s not showing.

    I unchecked everything except:

    • Core UI
    • Datepicker

    Can you help me to get this working? I’ve been at it for a couple of days …

    https://www.ads-software.com/plugins/jquery-ui-widgets/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author David Gwyer

    (@dgwyer)

    @tooster The plugin merely enqueues the required jQuery UI scripts. The actual jQuery is down to you. I can’t help debug specific cases in the free plugin.

    Have you checked for JS errors? If you have any then that will prevent jQuery from loading properly.

    Have you a site URL for the page in question?

    If you still need help please contact me here: https://wpgothemes.com/contact-us/

    Thread Starter Tooster

    (@tooster)

    I understand that you can’t help debug specific cases.

    I Have checked for JS errors but there are none..
    adding the datepicker inline on a div does work so I did it like that.

    URL: stage.skili.be
    location of datepicker is at checkout

    Plugin Author David Gwyer

    (@dgwyer)

    OK, glad you got it sorted. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Datepicker on checkout’ is closed to new replies.