How to change delivery date picker format to DD-MM-YY?

Store Design
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 }}

Pick a delivery date:

We do not deliver during the week-end.

2

@InspiredbyZARA – add the line …

dateFormat: 'dd-mm-yy',

… after the line …

maxDate: '+2M',

Hope this helps,
Mario

3 Likes
3

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

1 Like
4

@InspiredbyZARA – glad I could help!

5

Hello,

We have a solution that will not require any coding. With our Order Delivery Date manager app, you can change the date format directly from the app’s backend. Apart from this, our app has a lots of other features that enables you to:

  • Define working on week day basis

  • Allow customers to choose date and time-slots for the delivery

  • Define holidays and non working days

  • Add cut-off time

You can explore many of our app’s other features on Shopify marketplace here.

https://apps.shopify.com/appjetty-delivery-date-manager

6

Hi @r8r ,

My customers are Dutch and from the Netherlands, how can I change with the given code in this post to a Dutch calendar:

  1. The first day of the week to be Monday
  2. Days of the week should be presented in Dutch (Mon → Maa, Tue → Din, etc.)

Thanks!

7

@Ben1000 add the code …

firstDay: 1,
          dayNames: [ "Maa", "Din", "Woe", "Don", "Vry", "Zat", "Zon" ]

… after the line …

maxDate: '+2M',

Hope this helps,

Mario

1 Like
8

I understand this is an old thread, posting just in case anybody else needs similar functionality without a lot of effort.
We have built an app to provide a date picker where you can control the dates available in the calendar using an easy and friendly dashboard. Feel free to give it a try, we are happy to help our merchant friends with our quality support :slightly_smiling_face: