Vue2-datepicker: Set language i18n

Created on 22 Jun 2020  路  5Comments  路  Source: mengxiong10/vue2-datepicker

Tell me how I can change the language of a component dynamically (for example, by pressing a button). Or bind componentization localization to the installed language i18n.

Most helpful comment

<date-picker :lang="lang" />

import 'vue2-datepicker/locale/zh-cn';
import 'vue2-datepicker/locale/en';

export default {
  data() {
    return {
      lang: 'en'
    }
  },
  methods: {
    changeLang() {
      this.lang === 'en' ? 'zh-cn' : 'en'
    }
  }
}

All 5 comments

<date-picker :lang="lang" />

import 'vue2-datepicker/locale/zh-cn';
import 'vue2-datepicker/locale/en';

export default {
  data() {
    return {
      lang: 'en'
    }
  },
  methods: {
    changeLang() {
      this.lang === 'en' ? 'zh-cn' : 'en'
    }
  }
}

Thank. Your code helped me.

@mengxiong10 Can you help?
How I can change globaly language, to change the language in all components.
Would be cool have global method this.$vue2Datepicker.setLang('en') - for example

@VictorPullzz

import DatePicke from 'vue2-datepicker'

DatePicker.locale('en')

@mengxiong10 Thanks man!

Was this page helpful?
0 / 5 - 0 ratings