Element: Datepicker Locale is wrong

[joshbenhamou]

ElementUI version

1.1.6

OS/Browers version

macOS/Chrome 53

Vue version

2.0.1

Reproduction Link

https://jsfiddle.net/rchcj33o/

Steps to reproduce

Set up the datepicker as described & set the locale to en-GB.
I've set my locale as follows:

import elementLocale from 'element-ui/lib/locale/lang/en';
Vue.use(ElementUI, { elementLocale });

I've not managed to update the webpack as requested because of an issue with a separate library

{
  plugins: [
    new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en')
  ]
}

I'm not sure if this should fix my issue but even if it did, I've set the locale as en-GB

What is Expected?

Locale is in English

What is actually happening?

The locale is in zn-CH

[QingWei-Li]

import elementLocale from 'element-ui/lib/locale/lang/en';
Vue.use(ElementUI, { locale: elementLocale });

{ elementLocale } will be compile to { elementLocale: elementLocale }

[joshbenhamou]

Stupidity on my end, sorry

[joshbenhamou]

and thanks @QingWei-Li

[rodolfosaraiva]

Hi, when i use ONLY datepicker,

npm i element-datepicker -S
import ElDatePicker from 'element-datepicker'
Vue.use(ElDatePicker)

How can i translate? if i try elementLocale it doesnt work, someone can help me?

[hallss93]

@rodolfosaraiva

(Element as any).locale(locale);
(Element as any).size(Cookies.get('size') || 'medium');

or in JS Pure

Element.locale(locale);
Element.size(Cookies.get('size') || 'medium');