Delivery date picker - need DD-MM-YY

Solved
InspiredbyZARA
New Member
2 0 1

Hi there

I have used the delivery date picker tutorial from shopify (Add a delivery date picker to your cart · Shopify Help Center) to add to my store. The issue im facing is that it shows US format (MM-DD-YY).

As I am based in Australia this can confuse my customers and I need it in DD-MM-YY. Below is the code I have used currently. Can someone please tell me what code I can use to achieve this and where in the below code i would add it? 

thanks in advance! 

{{ '//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }}

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" defer="defer"></script>

 

<div style="width:300px; clear:both;">

  <p>

    <label for="date">Pick a delivery date:</label>

<input id="date" type="text" name="attributes[date]" value="{{ cart.attributes.date }}" />

    <span style="display:block" class="instructions"> We do not deliver during the week-end.</span>

  </p>

</div>

 

<script>

  window.onload = function() {

      if (window.jQuery) {

        let $ = window.jQuery;

 

        $(function() {

          $("#date").datepicker({

          minDate: +1,

          maxDate: '+2M',

          beforeShowDay: $.datepicker.noWeekends

        });

      });

    }

  }

</script>

Accepted Solution (1)

Accepted Solutions
r8r
Shopify Expert
2213 283 753

This is an accepted solution.

@InspiredbyZARA – add the line …

          dateFormat: 'dd-mm-yy',

… after the line …

          maxDate: '+2M',

Hope this helps,
Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte

View solution in original post

Replies 3 (3)
r8r
Shopify Expert
2213 283 753

This is an accepted solution.

@InspiredbyZARA – add the line …

          dateFormat: 'dd-mm-yy',

… after the line …

          maxDate: '+2M',

Hope this helps,
Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte

View solution in original post

InspiredbyZARA
New Member
2 0 1

Thank you Mario! been looking at this for 2 weeks now. 

r8r
Shopify Expert
2213 283 753

@InspiredbyZARA – glad I could help!

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte