Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

English language in Air Datepicker

I've added Air Date picker in my project. By default the language of the plugin is Russian.

Following the documentation, I tried to change it into English but it still language remains Russian.

$('.datepicker-here').datepicker({
  language: 'en',
  minDate: new Date()
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.min.js"></script>

<input type='text' class='datepicker-here' data-language='en' />

Any other people having same issue ?

like image 361
psudo Avatar asked Jan 01 '26 04:01

psudo


2 Answers

new AirDatepicker(datepicker, {
    selectedDates: new Date(),
    autoClose: true,
    dateFormat: 'dd-MM-yyyy',
    minDate: new Date(),
    locale: {
        days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
        daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
        daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
        months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
        monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
        today: "Today",
        clear: "Clear",
        firstDay: 0
    },
});
like image 124
Peter Avatar answered Jan 02 '26 17:01

Peter


Need to add a separate file with en locale - https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/i18n/datepicker.en.js:

$('.datepicker-here').datepicker({
  language: 'en',
  minDate: new Date()
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/i18n/datepicker.en.js"></script>


<input type='text' class='datepicker-here' data-language='en' />
like image 33
falinsky Avatar answered Jan 02 '26 16:01

falinsky



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!