Bootstrap Datepicker Locale with MomentJS

javascript locale momentjs eonasdan-datetimepicker
Jason picture Jason · Mar 3, 2016 · Viewed 17.3k times · Source

I am using a Bootstrap Datepicker available here and everything is working fine. However, I want to localize the calendar given a user's preferred language. I've set the following when I initialize the datepicker:

locale: 'fr'

However, I get a console error that reads:

Uncaught TypeError: locale() locale fr is not loaded from moment locales!

I am including MomentJS in my project:

<script src="/vendors/moment/min/moment.min.js"></script>

This is my first implementation so I feel like I'm missing something simple but just can't figure it out.

Answer

Salim Hamidi picture Salim Hamidi · Aug 23, 2016

Replace

/moment/min/moment.min.js

by

/moment/min/moment-with-locales.js

and it will work

Related questions

Locale and specific date format with Moment.js

I am using Moment.js in my project and formatting dates as follows: var locale = window.navigator.userLanguage || window.navigator.language; moment.locale(locale); someDate.format("L"); It works well but sometimes I need show a date without a year. …

Read More
How to do date masking using javascript (without JQuery)?

<![CDATA[ var $ = jQuery; String locale = getUserLocale(); $(document).ready(function() { if (!isEmptyNull(locale) && locale.equals("zh_CN")) { $("input[id*='text12']").mask('9999年99月99日'); } else { $("input[id*='text12']").mask('99/99/9999'); } }); ]]> <p:calendar id="text12" …

Read More
Difference between toLocaleLowerCase() and toLowerCase()

I was trying to fiddle with toLocaleLowerCase() and toLowerCase() methods. function ByLocale() { document.getElementById("demo").innerText.toLocaleLowerCase(); } function ByLower() { document.getElementById("demo").innerText.toLowerCase(); } <p>Click the button to convert the string "HELLO World!" to lowercase letters.</…

Read More