vuejs-datepicker
vuejs-datepicker copied to clipboard
Error in render: "Error: missing 2nd parameter Months array"
Hi!
i'am use vue-cli and in main.js:
import ru from 'vuejs-datepicker/dist/locale'
than in index.html:
Same Problem Here
I use the pt-BR Language. I Solved this problem instaling the 0.9.24 version
npm install vuejs-datepicker@^0.9.24 --save
So. I finally manage to (temporary) solve the issue... I used the component not as in documentation described but as in example shown The example is here https://codesandbox.io/s/mpklq49wp
Install it like : import Datepicker from "vuejs-datepicker/dist/vuejs-datepicker.esm.js"; import * as lang from "vuejs-datepicker/src/locale"; Not like: import Datepicker from 'vuejs-datepicker';
In data props added:
language: "ru", // the language I need
languages: lang,
Add component
<datepicker :language="languages[language]"></datepicker>
This solution works for me
import Datepicker from 'vuejs-datepicker'
import {ru} from 'vuejs-datepicker/dist/locale'
export default {
//...
data() {
return {
datepickerLang: ru,
//...
}
in HTML
<datepicker :language="datepickerLang">
So. I finally manage to (temporary) solve the issue... I used the component not as in documentation described but as in example shown The example is here https://codesandbox.io/s/mpklq49wp
Install it like : import Datepicker from "vuejs-datepicker/dist/vuejs-datepicker.esm.js"; import * as lang from "vuejs-datepicker/src/locale"; Not like: import Datepicker from 'vuejs-datepicker';
In data props added: language: "ru", // the language I need languages: lang, Add component
<datepicker :language="languages[language]"></datepicker>
I can confirm that @terean-dspd's approach works as a solution. It might be worth closing this issue now (@charliekassel).
For anyone else facing this issue, I will include my code snippet used:
<template>
<div>
<vue-datepicker
:language="languages[language]"
:value="state.date"
/>
</div>
</template>
<script>
import vueDatepicker from 'vuejs-datepicker';
import * as lang from 'vuejs-datepicker/src/locale';
import moment from 'moment';
export default {
data() {
return {
language: 'en', //Input your language code here
languages: lang,
state: {
date: moment.now()
}
}
}
</script>
Hope it might be of help for anyone else coming across this!