From 0b6c862f445916d443a6c04c61545192d7113c69 Mon Sep 17 00:00:00 2001
From: zazzaz <izazzaz@hotmail.com>
Date: Thu, 19 Nov 2020 15:58:25 +0800
Subject: [PATCH] fix: correct locale name (#628)

* fix: correct locale name

* chore: update

* fix: add name

* fix: set correct dayjs locale

* chore: update
---
 .github/pull_request_template.md         |  2 +-
 packages/locale/index.ts                 |  4 ++
 packages/locale/lang/{af-za.ts => af.ts} |  1 +
 packages/locale/lang/ar.ts               |  1 +
 packages/locale/lang/bg.ts               |  1 +
 packages/locale/lang/ca.ts               |  1 +
 packages/locale/lang/{cs-cz.ts => cs.ts} |  1 +
 packages/locale/lang/da.ts               |  1 +
 packages/locale/lang/de.ts               |  1 +
 packages/locale/lang/el.ts               |  1 +
 packages/locale/lang/en.ts               |  1 +
 packages/locale/lang/eo.ts               |  1 +
 packages/locale/lang/es.ts               |  1 +
 packages/locale/lang/{ee.ts => et.ts}    |  1 +
 packages/locale/lang/eu.ts               |  1 +
 packages/locale/lang/fa.ts               |  1 +
 packages/locale/lang/fi.ts               |  1 +
 packages/locale/lang/fr.ts               |  1 +
 packages/locale/lang/he.ts               |  1 +
 packages/locale/lang/hr.ts               |  1 +
 packages/locale/lang/hu.ts               |  1 +
 packages/locale/lang/hy-am.ts            |  1 +
 packages/locale/lang/id.ts               |  1 +
 packages/locale/lang/it.ts               |  1 +
 packages/locale/lang/ja.ts               |  1 +
 packages/locale/lang/{kz.ts => kk.ts}    |  1 +
 packages/locale/lang/km.ts               |  1 +
 packages/locale/lang/ko.ts               |  1 +
 packages/locale/lang/ku.ts               |  1 +
 packages/locale/lang/{kg.ts => ky.ts}    |  1 +
 packages/locale/lang/lt.ts               |  1 +
 packages/locale/lang/lv.ts               |  1 +
 packages/locale/lang/mn.ts               |  1 +
 packages/locale/lang/nb-no.ts            |  1 +
 packages/locale/lang/nl.ts               |  1 +
 packages/locale/lang/pl.ts               |  1 +
 packages/locale/lang/pt-br.ts            |  1 +
 packages/locale/lang/pt.ts               |  1 +
 packages/locale/lang/ro.ts               |  1 +
 packages/locale/lang/{ru-ru.ts => ru.ts} |  1 +
 packages/locale/lang/sk.ts               |  1 +
 packages/locale/lang/sl.ts               |  1 +
 packages/locale/lang/sr.ts               |  1 +
 packages/locale/lang/{sv-se.ts => sv.ts} |  1 +
 packages/locale/lang/ta.ts               |  1 +
 packages/locale/lang/th.ts               |  1 +
 packages/locale/lang/tk.ts               |  1 +
 packages/locale/lang/{tr-tr.ts => tr.ts} |  1 +
 packages/locale/lang/ug-cn.ts            |  1 +
 packages/locale/lang/{ua.ts => uk.ts}    |  1 +
 packages/locale/lang/uz-uz.ts            |  1 +
 packages/locale/lang/vi.ts               |  1 +
 packages/locale/lang/zh-cn.ts            |  1 +
 packages/locale/lang/zh-tw.ts            |  1 +
 website/components/header.vue            | 24 +++++------
 website/docs/en-US/date-picker.md        | 34 ++-------------
 website/docs/en-US/datetime-picker.md    |  2 -
 website/docs/en-US/i18n.md               | 20 ++++-----
 website/docs/en-US/time-picker.md        |  2 -
 website/docs/es/date-picker.md           | 30 ++-----------
 website/docs/es/datetime-picker.md       |  2 -
 website/docs/es/i18n.md                  | 24 +++++------
 website/docs/es/time-picker.md           |  2 -
 website/docs/fr-FR/date-picker.md        | 32 ++------------
 website/docs/fr-FR/datetime-picker.md    |  2 -
 website/docs/fr-FR/i18n.md               | 20 ++++-----
 website/docs/fr-FR/time-picker.md        |  2 -
 website/docs/jp/date-picker.md           | 54 ++----------------------
 website/docs/jp/datetime-picker.md       |  2 -
 website/docs/jp/i18n.md                  | 22 +++++-----
 website/docs/jp/time-picker.md           |  2 -
 website/docs/zh-CN/date-picker.md        | 32 +++-----------
 website/docs/zh-CN/datetime-picker.md    |  4 +-
 website/docs/zh-CN/i18n.md               | 20 ++++-----
 website/docs/zh-CN/time-picker.md        |  3 +-
 75 files changed, 145 insertions(+), 248 deletions(-)
 rename packages/locale/lang/{af-za.ts => af.ts} (99%)
 rename packages/locale/lang/{cs-cz.ts => cs.ts} (99%)
 rename packages/locale/lang/{ee.ts => et.ts} (99%)
 rename packages/locale/lang/{kz.ts => kk.ts} (99%)
 rename packages/locale/lang/{kg.ts => ky.ts} (99%)
 rename packages/locale/lang/{ru-ru.ts => ru.ts} (99%)
 rename packages/locale/lang/{sv-se.ts => sv.ts} (99%)
 rename packages/locale/lang/{tr-tr.ts => tr.ts} (99%)
 rename packages/locale/lang/{ua.ts => uk.ts} (99%)

diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index 478042e670eb8..5287e9d804be4 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -2,4 +2,4 @@ Please make sure these boxes are checked before submitting your PR, thank you!
 
 * [ ] Make sure you follow Element's contributing guide ([中文](https://github.com/element-plus/element-plus/blob/master/.github/CONTRIBUTING.zh-CN.md) | [English](https://github.com/element-plus/element-plus/blob/master/.github/CONTRIBUTING.en-US.md) | [Español](https://github.com/element-plus/element-plus/blob/master/.github/CONTRIBUTING.es.md) | [Français](https://github.com/element-plus/element-plus/blob/master/.github/CONTRIBUTING.fr-FR.md)).
 * [ ] Make sure you are merging your commits to `dev` branch.
-* [ ] Add some descriptions and refer relative issues for you PR.
+* [ ] Add some descriptions and refer to relative issues for your PR.
diff --git a/packages/locale/index.ts b/packages/locale/index.ts
index bd56d3c6dba7c..f6d174668a052 100644
--- a/packages/locale/index.ts
+++ b/packages/locale/index.ts
@@ -1,4 +1,5 @@
 import defaultLang from './lang/en'
+import dayjs from 'dayjs'
 
 let lang = defaultLang
 
@@ -26,6 +27,9 @@ export const t = (path:string, option?): string => {
 
 export const use = (l): void => {
   lang = l || lang
+  if (lang.name) {
+    dayjs.locale(lang.name)
+  }
 }
 
 export default { use, t }
diff --git a/packages/locale/lang/af-za.ts b/packages/locale/lang/af.ts
similarity index 99%
rename from packages/locale/lang/af-za.ts
rename to packages/locale/lang/af.ts
index 925f1297c8737..2ac13ec236000 100644
--- a/packages/locale/lang/af-za.ts
+++ b/packages/locale/lang/af.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'af',
   el: {
     colorpicker: {
       confirm: 'Bevestig',
diff --git a/packages/locale/lang/ar.ts b/packages/locale/lang/ar.ts
index 7e736eacb3d78..b9aaa657f615e 100644
--- a/packages/locale/lang/ar.ts
+++ b/packages/locale/lang/ar.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'ar',
   el: {
     colorpicker: {
       confirm: 'موافق',
diff --git a/packages/locale/lang/bg.ts b/packages/locale/lang/bg.ts
index 09df7882a8341..6a4215f737acd 100644
--- a/packages/locale/lang/bg.ts
+++ b/packages/locale/lang/bg.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'bg',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/ca.ts b/packages/locale/lang/ca.ts
index bf8681eb29159..926fde1899576 100644
--- a/packages/locale/lang/ca.ts
+++ b/packages/locale/lang/ca.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'ca',
   el: {
     colorpicker: {
       confirm: 'Confirmar',
diff --git a/packages/locale/lang/cs-cz.ts b/packages/locale/lang/cs.ts
similarity index 99%
rename from packages/locale/lang/cs-cz.ts
rename to packages/locale/lang/cs.ts
index 4e06ba0ad929b..59c37d7282d01 100644
--- a/packages/locale/lang/cs-cz.ts
+++ b/packages/locale/lang/cs.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'cs',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/da.ts b/packages/locale/lang/da.ts
index ffde873cc6bca..a7dcf40c8ed67 100644
--- a/packages/locale/lang/da.ts
+++ b/packages/locale/lang/da.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'da',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/de.ts b/packages/locale/lang/de.ts
index 7d347dc58a80e..8f21f2f01d7c2 100644
--- a/packages/locale/lang/de.ts
+++ b/packages/locale/lang/de.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'de',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/el.ts b/packages/locale/lang/el.ts
index 248671940b5e5..46eb5e73acc7a 100644
--- a/packages/locale/lang/el.ts
+++ b/packages/locale/lang/el.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'el',
   el: {
     colorpicker: {
       confirm: 'Εντάξει',
diff --git a/packages/locale/lang/en.ts b/packages/locale/lang/en.ts
index a1f9a6dcb74d4..77b060cdc25f8 100644
--- a/packages/locale/lang/en.ts
+++ b/packages/locale/lang/en.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'en',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/eo.ts b/packages/locale/lang/eo.ts
index b0b7e3f9df2bf..1895c89465228 100644
--- a/packages/locale/lang/eo.ts
+++ b/packages/locale/lang/eo.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'eo',
   el: {
     colorpicker: {
       confirm: 'Bone',
diff --git a/packages/locale/lang/es.ts b/packages/locale/lang/es.ts
index 1b24f1b7692eb..2bb66d96bfab4 100644
--- a/packages/locale/lang/es.ts
+++ b/packages/locale/lang/es.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'es',
   el: {
     colorpicker: {
       confirm: 'Confirmar',
diff --git a/packages/locale/lang/ee.ts b/packages/locale/lang/et.ts
similarity index 99%
rename from packages/locale/lang/ee.ts
rename to packages/locale/lang/et.ts
index 9aa030bdfa621..586e1fb0a2e5b 100644
--- a/packages/locale/lang/ee.ts
+++ b/packages/locale/lang/et.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'et',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/eu.ts b/packages/locale/lang/eu.ts
index b71d86fed8b9c..4d526b4727f0d 100644
--- a/packages/locale/lang/eu.ts
+++ b/packages/locale/lang/eu.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'eu',
   el: {
     colorpicker: {
       confirm: 'Ados',
diff --git a/packages/locale/lang/fa.ts b/packages/locale/lang/fa.ts
index d5598645aee76..bad1881b55798 100644
--- a/packages/locale/lang/fa.ts
+++ b/packages/locale/lang/fa.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'fa',
   el: {
     colorpicker: {
       confirm: 'باشد',
diff --git a/packages/locale/lang/fi.ts b/packages/locale/lang/fi.ts
index 749d92ce40462..7eeda8fa16b0d 100644
--- a/packages/locale/lang/fi.ts
+++ b/packages/locale/lang/fi.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'fi',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/fr.ts b/packages/locale/lang/fr.ts
index ffcd3afa663af..ab4460f2f8ade 100644
--- a/packages/locale/lang/fr.ts
+++ b/packages/locale/lang/fr.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'fr',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/he.ts b/packages/locale/lang/he.ts
index 56bf358b6b4a9..726ee62a425d4 100644
--- a/packages/locale/lang/he.ts
+++ b/packages/locale/lang/he.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'he',
   el: {
     colorpicker: {
       confirm: 'אישור',
diff --git a/packages/locale/lang/hr.ts b/packages/locale/lang/hr.ts
index 1fb97a1798b73..b4565f5ae2642 100644
--- a/packages/locale/lang/hr.ts
+++ b/packages/locale/lang/hr.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'hr',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/hu.ts b/packages/locale/lang/hu.ts
index a5801edc5a644..1085001a6b03d 100644
--- a/packages/locale/lang/hu.ts
+++ b/packages/locale/lang/hu.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'hu',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/hy-am.ts b/packages/locale/lang/hy-am.ts
index 45fa63a1ce5b6..1a4f2e74c48e4 100644
--- a/packages/locale/lang/hy-am.ts
+++ b/packages/locale/lang/hy-am.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'hy-am',
   el: {
     colorpicker: {
       confirm: 'Լաւ',
diff --git a/packages/locale/lang/id.ts b/packages/locale/lang/id.ts
index 1edaf9b7d128e..149f66f3bfb69 100644
--- a/packages/locale/lang/id.ts
+++ b/packages/locale/lang/id.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'id',
   el: {
     colorpicker: {
       confirm: 'Pilih',
diff --git a/packages/locale/lang/it.ts b/packages/locale/lang/it.ts
index 4bc421849a152..166a7542bf8da 100644
--- a/packages/locale/lang/it.ts
+++ b/packages/locale/lang/it.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'it',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/ja.ts b/packages/locale/lang/ja.ts
index 123472ff4473b..bf0b151204aad 100644
--- a/packages/locale/lang/ja.ts
+++ b/packages/locale/lang/ja.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'ja',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/kz.ts b/packages/locale/lang/kk.ts
similarity index 99%
rename from packages/locale/lang/kz.ts
rename to packages/locale/lang/kk.ts
index de7abd801bdd6..b5f435b1f86bb 100644
--- a/packages/locale/lang/kz.ts
+++ b/packages/locale/lang/kk.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'kk',
   el: {
     colorpicker: {
       confirm: 'Қабылдау',
diff --git a/packages/locale/lang/km.ts b/packages/locale/lang/km.ts
index 62141cfa9fae0..8b979ee5649ba 100644
--- a/packages/locale/lang/km.ts
+++ b/packages/locale/lang/km.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'km',
   el: {
     colorpicker: {
       confirm: 'យល់ព្រម',
diff --git a/packages/locale/lang/ko.ts b/packages/locale/lang/ko.ts
index b9fecb408004f..d020f026d74d6 100644
--- a/packages/locale/lang/ko.ts
+++ b/packages/locale/lang/ko.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'ko',
   el: {
     colorpicker: {
       confirm: '확인',
diff --git a/packages/locale/lang/ku.ts b/packages/locale/lang/ku.ts
index 778227dc11271..f75f8c7e4ffee 100644
--- a/packages/locale/lang/ku.ts
+++ b/packages/locale/lang/ku.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'ku',
   el: {
     colorpicker: {
       confirm: 'Temam',
diff --git a/packages/locale/lang/kg.ts b/packages/locale/lang/ky.ts
similarity index 99%
rename from packages/locale/lang/kg.ts
rename to packages/locale/lang/ky.ts
index 02b996ac9430f..1780b12c4a001 100644
--- a/packages/locale/lang/kg.ts
+++ b/packages/locale/lang/ky.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'ky',
   el: {
     colorpicker: {
       confirm: 'Мурунку',
diff --git a/packages/locale/lang/lt.ts b/packages/locale/lang/lt.ts
index 683052f3084bf..e77f0dd2bfde2 100644
--- a/packages/locale/lang/lt.ts
+++ b/packages/locale/lang/lt.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'lt',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/lv.ts b/packages/locale/lang/lv.ts
index 50f771fdd300b..ff674a02062b9 100644
--- a/packages/locale/lang/lv.ts
+++ b/packages/locale/lang/lv.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'lv',
   el: {
     colorpicker: {
       confirm: 'Labi',
diff --git a/packages/locale/lang/mn.ts b/packages/locale/lang/mn.ts
index e8d8c8adcfffd..b12cb8c8b194b 100644
--- a/packages/locale/lang/mn.ts
+++ b/packages/locale/lang/mn.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'mn',
   el: {
     colorpicker: {
       confirm: 'Тийм',
diff --git a/packages/locale/lang/nb-no.ts b/packages/locale/lang/nb-no.ts
index 557b3c18991c6..bae5eb6e81f12 100644
--- a/packages/locale/lang/nb-no.ts
+++ b/packages/locale/lang/nb-no.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'nb-no',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/nl.ts b/packages/locale/lang/nl.ts
index 6a5858c5170f5..94745b8168451 100644
--- a/packages/locale/lang/nl.ts
+++ b/packages/locale/lang/nl.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'nl',
   el: {
     colorpicker: {
       confirm: 'Bevestig',
diff --git a/packages/locale/lang/pl.ts b/packages/locale/lang/pl.ts
index b35eb6e102f44..28197689a76a3 100644
--- a/packages/locale/lang/pl.ts
+++ b/packages/locale/lang/pl.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'pl',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/pt-br.ts b/packages/locale/lang/pt-br.ts
index 2864318a56b2b..43660a698f3e9 100644
--- a/packages/locale/lang/pt-br.ts
+++ b/packages/locale/lang/pt-br.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'pt-br',
   el: {
     colorpicker: {
       confirm: 'Confirmar',
diff --git a/packages/locale/lang/pt.ts b/packages/locale/lang/pt.ts
index 15376ce4c55af..e54c5be6ce957 100644
--- a/packages/locale/lang/pt.ts
+++ b/packages/locale/lang/pt.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'pt',
   el: {
     colorpicker: {
       confirm: 'Confirmar',
diff --git a/packages/locale/lang/ro.ts b/packages/locale/lang/ro.ts
index 6371a08391394..dbe9d0267b54f 100644
--- a/packages/locale/lang/ro.ts
+++ b/packages/locale/lang/ro.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'ro',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/ru-ru.ts b/packages/locale/lang/ru.ts
similarity index 99%
rename from packages/locale/lang/ru-ru.ts
rename to packages/locale/lang/ru.ts
index a42c9eeedc9be..a22ee72d90f74 100644
--- a/packages/locale/lang/ru-ru.ts
+++ b/packages/locale/lang/ru.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'ru',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/sk.ts b/packages/locale/lang/sk.ts
index c8db1ba8fa419..6990b9afa8247 100644
--- a/packages/locale/lang/sk.ts
+++ b/packages/locale/lang/sk.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'sk',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/sl.ts b/packages/locale/lang/sl.ts
index 5888be5c7790c..f298463498148 100644
--- a/packages/locale/lang/sl.ts
+++ b/packages/locale/lang/sl.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'sl',
   el: {
     colorpicker: {
       confirm: 'V redu',
diff --git a/packages/locale/lang/sr.ts b/packages/locale/lang/sr.ts
index 2a41dfbbb0c01..ebb4a180d53b0 100644
--- a/packages/locale/lang/sr.ts
+++ b/packages/locale/lang/sr.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'sr',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/sv-se.ts b/packages/locale/lang/sv.ts
similarity index 99%
rename from packages/locale/lang/sv-se.ts
rename to packages/locale/lang/sv.ts
index 90062f3adc225..3b38d6d79fded 100644
--- a/packages/locale/lang/sv-se.ts
+++ b/packages/locale/lang/sv.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'sv',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/ta.ts b/packages/locale/lang/ta.ts
index 8b46b9a6c76fb..8a68d49a6aa2f 100644
--- a/packages/locale/lang/ta.ts
+++ b/packages/locale/lang/ta.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'ta',
   el: {
     colorpicker: {
       confirm: 'உறுதி செய்',
diff --git a/packages/locale/lang/th.ts b/packages/locale/lang/th.ts
index 50dfbb013a7e2..1c1efb885a932 100644
--- a/packages/locale/lang/th.ts
+++ b/packages/locale/lang/th.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'th',
   el: {
     colorpicker: {
       confirm: 'ตกลง',
diff --git a/packages/locale/lang/tk.ts b/packages/locale/lang/tk.ts
index 7f85517b2c4c0..c9ac2db961557 100644
--- a/packages/locale/lang/tk.ts
+++ b/packages/locale/lang/tk.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'tk',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/tr-tr.ts b/packages/locale/lang/tr.ts
similarity index 99%
rename from packages/locale/lang/tr-tr.ts
rename to packages/locale/lang/tr.ts
index 3f4ae3dbe4f3e..bfdfaf59d8430 100644
--- a/packages/locale/lang/tr-tr.ts
+++ b/packages/locale/lang/tr.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'tr',
   el: {
     colorpicker: {
       confirm: 'Onayla',
diff --git a/packages/locale/lang/ug-cn.ts b/packages/locale/lang/ug-cn.ts
index 211fd18110f38..51b0490df4b2d 100644
--- a/packages/locale/lang/ug-cn.ts
+++ b/packages/locale/lang/ug-cn.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'ug-cn',
   el: {
     colorpicker: {
       confirm: 'جەزملەش',
diff --git a/packages/locale/lang/ua.ts b/packages/locale/lang/uk.ts
similarity index 99%
rename from packages/locale/lang/ua.ts
rename to packages/locale/lang/uk.ts
index 69adaf9aac70f..6e5a6a76323fa 100644
--- a/packages/locale/lang/ua.ts
+++ b/packages/locale/lang/uk.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'uk',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/uz-uz.ts b/packages/locale/lang/uz-uz.ts
index 79ff4651b434b..24b43994f2c57 100644
--- a/packages/locale/lang/uz-uz.ts
+++ b/packages/locale/lang/uz-uz.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'uz-uz',
   el: {
     colorpicker: {
       confirm: 'Qabul qilish',
diff --git a/packages/locale/lang/vi.ts b/packages/locale/lang/vi.ts
index 4382135fb643a..eb277803c0151 100644
--- a/packages/locale/lang/vi.ts
+++ b/packages/locale/lang/vi.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'vi',
   el: {
     colorpicker: {
       confirm: 'OK',
diff --git a/packages/locale/lang/zh-cn.ts b/packages/locale/lang/zh-cn.ts
index dfcb9d8a0984b..e36acd12b872d 100644
--- a/packages/locale/lang/zh-cn.ts
+++ b/packages/locale/lang/zh-cn.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'zh-cn',
   el: {
     colorpicker: {
       confirm: '确定',
diff --git a/packages/locale/lang/zh-tw.ts b/packages/locale/lang/zh-tw.ts
index 2d53d125648d8..94e7c2911e9df 100644
--- a/packages/locale/lang/zh-tw.ts
+++ b/packages/locale/lang/zh-tw.ts
@@ -1,4 +1,5 @@
 export default {
+  name: 'zh-tw',
   el: {
     colorpicker: {
       confirm: '確認',
diff --git a/website/components/header.vue b/website/components/header.vue
index f587f6b92ce22..e199afa15423a 100644
--- a/website/components/header.vue
+++ b/website/components/header.vue
@@ -158,18 +158,18 @@ export default {
     },
   },
   created() {
-    const xhr = new XMLHttpRequest()
-    xhr.onreadystatechange = () => {
-      if (xhr.readyState === 4 && xhr.status === 200) {
-        const versions = JSON.parse(xhr.responseText)
-        this.versions = Object.keys(versions).reduce((prev, next) => {
-          prev[next] = versions[next]
-          return prev
-        }, {})
-      }
-    }
-    xhr.open('GET', '/versions.json')
-    xhr.send()
+    // const xhr = new XMLHttpRequest()
+    // xhr.onreadystatechange = () => {
+    //   if (xhr.readyState === 4 && xhr.status === 200) {
+    //     const versions = JSON.parse(xhr.responseText)
+    //     this.versions = Object.keys(versions).reduce((prev, next) => {
+    //       prev[next] = versions[next]
+    //       return prev
+    //     }, {})
+    //   }
+    // }
+    // xhr.open('GET', '/versions.json')
+    // xhr.send()
   },
   methods: {
     switchVersion(version) {
diff --git a/website/docs/en-US/date-picker.md b/website/docs/en-US/date-picker.md
index 873c474220cf9..489e0ca9a8cc3 100644
--- a/website/docs/en-US/date-picker.md
+++ b/website/docs/en-US/date-picker.md
@@ -310,38 +310,16 @@ If type is `daterange`, `default-value` sets the left side calendar.
 :::
 
 ###  Date Formats
-Use `format` to control displayed text's format in the input box. Use `value-format` to control binding value's format.
+Use `format` to control displayed text's format in the input box.
 
-By default, the component accepts and emits a `Date` object. Below are supported format strings, using UTC 2017-01-02 03:04:05 as an example:
+By default, the component accepts and emits a `Date` object.
+
+Check the list [here](https://day.js.org/docs/en/display/format#list-of-all-available-formats) of all available formats of Day.js.
 
 :::warning
 Pay attention to capitalization
 :::
 
-| format | meaning | note | example |
-|------|------|------|------|------|
-| `yyyy` | year | | 2017 |
-| `M`  | month | no leading 0 | 1 |
-| `MM` | month | | 01 |
-| `MMM` | month | | Jan |
-| `MMMM` | month | | January |
-| `W`  | week | only for week picker's `format`; no leading 0 | 1 |
-| `WW` | week | only for week picker's `format`| 01 |
-| `d`  | day | no leading 0 | 2 |
-| `dd` | day | | 02 |
-| `H`  | hour | 24-hour clock; no leading 0 | 3 |
-| `HH` | hour | 24-hour clock | 03 |
-| `h`  | hour | 12-hour clock; must be used with `A` or `a`; no leading 0 | 3 |
-| `hh` | hour | 12-hour clock; must be used with `A` or `a` | 03 |
-| `m`  | minute | no leading 0 | 4 |
-| `mm` | minute | | 04 |
-| `s`  | second | no leading 0 | 5 |
-| `ss` | second | | 05 |
-| `A`  | AM/PM | only for `format`, uppercased | AM |
-| `a`  | am/pm | only for `format`, lowercased | am |
-| `timestamp` | JS timestamp | only for `value-format`; binding value will be a `number` | 1483326245000 |
-| `[MM]` | No escape characters | To escape characters, wrap them in square brackets (e.g. [A] [MM]) | MM |
-
 :::demo
 ```html
 <template>
@@ -362,8 +340,6 @@ Pay attention to capitalization
     data() {
       return {
         value1: '',
-        value2: '',
-        value3: ''
       };
     }
   };
@@ -418,11 +394,9 @@ When picking a date range, you can assign the time part for start date and end d
 | format | format of the displayed value in the input box | string | see [date formats](#/en-US/component/date-picker#date-formats) | yyyy-MM-dd |
 | align | alignment | left/center/right | left |
 | popper-class | custom class name for DatePicker's dropdown | string | — | — |
-| picker-options | additional options, check the table below | object | — | {} |
 | range-separator | range separator | string | — | '-' |
 | default-value | optional, default date of the calendar | Date | anything accepted by `new Date()` | — |
 | default-time | optional, the time value to use when selecting date range | string[] | Array with length 2, each item is a string like `12:00:00`. The first item for the start date and then second item for the end date | — |
-| value-format | optional, format of binding value. If not specified, the binding value will be a Date object | string | see [date formats](#/en-US/component/date-picker#date-formats) | — |
 | name | same as `name` in native input | string | — | — |
 | unlink-panels | unlink two date-panels in range-picker | boolean | — | false |
 | prefix-icon | Custom prefix icon class | string | — | el-icon-date |
diff --git a/website/docs/en-US/datetime-picker.md b/website/docs/en-US/datetime-picker.md
index 1c92ccb29fde1..19d578f3396de 100644
--- a/website/docs/en-US/datetime-picker.md
+++ b/website/docs/en-US/datetime-picker.md
@@ -204,11 +204,9 @@ DateTimePicker is derived from DatePicker and TimePicker. For a more detailed ex
 | format | format of the displayed value in the input box | string | see [date formats](#/en-US/component/date-picker#date-formats) | yyyy-MM-dd HH:mm:ss |
 | align | alignment | left/center/right | left |
 | popper-class | custom class name for DateTimePicker's dropdown | string | — | — |
-| picker-options | additional options, check the table below | object | — | {} |
 | range-separator | range separator | string | - | '-' |
 | default-value | optional, default date of the calendar | Date | anything accepted by `new Date()` | — |
 | default-time | the default time value after picking a date | non-range: string / range: string[] | non-range: a string like `12:00:00`, range: array of two strings, and the first item is for the start date and second for the end date. `00:00:00` will be used if not specified | — |
-| value-format | optional, format of binding value. If not specified, the binding value will be a Date object | string | see [date formats](#/en-US/component/date-picker#date-formats) | — |
 | name | same as `name` in native input | string | — | — |
 | unlink-panels | unllink two date-panels in range-picker | boolean | — | false |
 | prefix-icon | Custom prefix icon class | string | — | el-icon-date |
diff --git a/website/docs/en-US/i18n.md b/website/docs/en-US/i18n.md
index b7869dc37ac1a..1e522a9457b27 100644
--- a/website/docs/en-US/i18n.md
+++ b/website/docs/en-US/i18n.md
@@ -186,8 +186,8 @@ Currently Element Plus ships with the following languages:
   <li>Japanese (ja)</li>
   <li>Dutch (nl)</li>
   <li>Vietnamese (vi)</li>
-  <li>Russian (ru-ru)</li>
-  <li>Turkish (tr-tr)</li>
+  <li>Russian (ru)</li>
+  <li>Turkish (tr)</li>
   <li>Brazilian Portuguese (pt-br)</li>
   <li>Farsi (fa)</li>
   <li>Thai (th)</li>
@@ -195,23 +195,23 @@ Currently Element Plus ships with the following languages:
   <li>Bulgarian (bg)</li>
   <li>Polish (pl)</li>
   <li>Finnish (fi)</li>
-  <li>Swedish (sv-se)</li>
+  <li>Swedish (sv)</li>
   <li>Greek (el)</li>
   <li>Slovak (sk)</li>
   <li>Catalunya (ca)</li>
-  <li>Czech (cs-cz)</li>
-  <li>Ukrainian (ua)</li>
+  <li>Czech (cs)</li>
+  <li>Ukrainian (uk)</li>
   <li>Turkmen (tk)</li>
   <li>Tamil (ta)</li>
   <li>Latvian (lv)</li>
-  <li>Afrikaans (af-za)</li>
-  <li>Estonian (ee)</li>
+  <li>Afrikaans (af)</li>
+  <li>Estonian (et)</li>
   <li>Slovenian (sl)</li>
   <li>Arabic (ar)</li>
   <li>Hebrew (he)</li>
   <li>Lithuanian (lt)</li>
   <li>Mongolian (mn)</li>
-  <li>Kazakh (kz)</li>
+  <li>Kazakh (kk)</li>
   <li>Hungarian (hu)</li>
   <li>Romanian (ro)</li>
   <li>Kurdish (ku)</li>
@@ -219,8 +219,8 @@ Currently Element Plus ships with the following languages:
   <li>Khmer (km)</li>
   <li>Serbian (sr)</li>
   <li>Basque (eu)</li>
-  <li>Kyrgyz (kg)</li>
-  <li>Armenian (hy)</li>
+  <li>Kyrgyz (ky)</li>
+  <li>Armenian (hy-am)</li>
   <li>Croatian (hr)</li>
   <li>Esperanto (eo)</li>
 </ul>
diff --git a/website/docs/en-US/time-picker.md b/website/docs/en-US/time-picker.md
index c682c728f580a..00c385c08e296 100644
--- a/website/docs/en-US/time-picker.md
+++ b/website/docs/en-US/time-picker.md
@@ -93,10 +93,8 @@ Can pick an arbitrary time range.
 | arrow-control | whether to pick time using arrow buttons, only works with `<el-time-picker>` | boolean | — | false |
 | align | alignment | left / center / right | left |
 | popper-class | custom class name for TimePicker's dropdown | string | — | — |
-| picker-options | additional options, check the table below | object | — | {} |
 | range-separator | range separator | string | - | '-' |
 | default-value | optional, default date of the calendar | Date for TimePicker, string for TimeSelect | anything accepted by `new Date()` for TimePicker, selectable value for TimeSelect | — |
-| value-format | optional, only for TimePicker, format of binding value. If not specified, the binding value will be a Date object | string | see [date formats](#/en-US/component/date-picker#date-formats) | — |
 | name | same as `name` in native input | string | — | — |
 | prefix-icon | Custom prefix icon class | string | — | el-icon-time |
 | clear-icon | Custom clear icon class | string | — | el-icon-circle-close |
diff --git a/website/docs/es/date-picker.md b/website/docs/es/date-picker.md
index e0009fb9a77b2..f55299fd01826 100644
--- a/website/docs/es/date-picker.md
+++ b/website/docs/es/date-picker.md
@@ -312,36 +312,16 @@ Si el tipo es `daterange`, `default-value` establece el calendario del lado izqu
 :::
 
 ###  Formatos de Date
-Utilice `format` para controlar el formato del texto visualizado en el input. Utilice `value-format` para controlar el formato del valor vinculado.
+Utilice `format` para controlar el formato del texto visualizado en el input.
 
-Por defecto, el componente acepta y emite un objeto Date. A continuación se soportan cadenas de formato, usando UTC 2017-01-02 03:04:05 como ejemplo:
+Por defecto, el componente acepta y emite un objeto Date.
+
+Check the list [here](https://day.js.org/docs/en/display/format#list-of-all-available-formats) of all available formats of Day.js.
 
 :::warning
 Preste atención a la capitalización
 :::
 
-| formato     | significado  | nota                                     | ejemplo       |
-| ----------- | ------------ | ---------------------------------------- | ------------- |
-| `yyyy`      | año          |                                          | 2017          |
-| `M`         | mes          | no acepta 0                              | 1             |
-| `MM`        | mes          |                                          | 01            |
-| `W`         | semana       | solamente para semanas en picker's `format`; no acepta 0 | 1             |
-| `WW`        | semana       | solamente para semanas en  picker's `format` | 01            |
-| `d`         | dia          | no acepta 0                              | 2             |
-| `dd`        | dia          |                                          | 02            |
-| `H`         | hora         | 24-hora reloj; no acepta 0               | 3             |
-| `HH`        | hora         | 24-hora reloj                            | 03            |
-| `h`         | hora         | 12-hora reloj;  debe usarse con `A` o `a`; no acepta 0 | 3             |
-| `hh`        | hour         | 12-hora reloj;  debe usarse con `A` o `a` | 03            |
-| `m`         | minuto       | no acepta 0                              | 4             |
-| `mm`        | minuto       |                                          | 04            |
-| `s`         | segundo      | no acepta 0                              | 5             |
-| `ss`        | segundo      |                                          | 05            |
-| `A`         | AM/PM        | solamente para `format`, mayusculas      | AM            |
-| `a`         | am/pm        | solamente para `format`, minúsculas      | am            |
-| `timestamp` | JS timestamp | solamente para `value-format`; valor vinculado debe ser un `number` | 1483326245000 |
-| `[MM]` | No hay caracteres de escape | Para escapar de los caracteres, colóquelos entre corchetes (ejemplo: [A] [MM]). | MM |
-
 :::demo
 ```html
 <template>
@@ -419,11 +399,9 @@ Al seleccionar un intervalo de fechas, puede asignar la hora para la fecha de in
 | format            | formato en que se muestra el valor en el input | string            | ver [date formats](#/es/component/date-picker#date-formats) | yyyy-MM-dd           |
 | align             | alineación                               | left/center/right | left                                     |                      |
 | popper-class      | nombre de clase personalizada para el dropdown de DatePicker | string            | —                                        | —                    |
-| picker-options    | opciones adicionales, chequee la tabla debajo | object            | —                                        | {}                   |
 | range-separator   | separador de rangos                      | string            | —                                        | '-'                  |
 | default-value     | opcional, valor por defecto para el calendario | Date              | cualquiera aceptado por `new Date()`     | —                    |
 | default-time      | opcional, los valores para las horas que se deben usar en la seleccion de fechas cuando se usa el modo rango | string[]          | Array de dos valores, cada uno es un string del estilo `12:00:00`. El primer elemento es para la fecha de inicio y el segundo es para la fecha final. | —                    |
-| value-format      | opcional, formato del valor enlazado. Si no esta especificado, el valor enlazado será un objeto Date. | string            | ver [date formats](#/es/component/date-picker#date-formats) | —                    |
 | name              | igual que `name` en el input nativo      | string            | —                                        | —                    |
 | unlink-panels     | desvincular los dos paneles de fecha en el range-picker | boolean           | —                                        | false                |
 | prefix-icon       | Clase personalizada para el icono prefijado | string            | —                                        | el-icon-date         |
diff --git a/website/docs/es/datetime-picker.md b/website/docs/es/datetime-picker.md
index 0443cc686854c..bd5c21b80e073 100644
--- a/website/docs/es/datetime-picker.md
+++ b/website/docs/es/datetime-picker.md
@@ -205,11 +205,9 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más d
 | format             | formato de valor mostrado en el input    | string            | ver [date formats](#/es/component/date-picker#date-formats) | yyyy-MM-dd HH:mm:ss           |
 | align              | alineación                               | left/center/right | left                                     |                      |
 | popper-class       | nombre de clase personalizado para el Dropdown de DatePicker | string            | —                                        | —                    |
-| picker-options     | opciones adicionales, Comprueba la tabla de mas abajo | object            | —                                        | {}                   |
 | range-separator    | separador de rango                       | string            | -                                        | '-'                  |
 | default-value      | opcional, fecha predeterminada del calendario | Fecha             | cualquier cosa aceptada por `new Date()` — |                      |
 | default-time | el valor de tiempo por defecto después de elegir una fecha | non-range: string / range: string[] | non-range: Una cadena de texto como `12:00:00`, range: array de dos strings, el primero es para la fecha de inicio y el segundo para la fecha final. 00:00:00 se utilizará si no se especifica | — |
-| value-format       | opcional, formato de valor de enlazado. Si no se especifica, el valor de enlazado será un objeto Date | cadena            | ver [date formats](#/es/component/date-picker#date-formats) | —                    |
 | name               | igual que `name` en la entrada nativa    | string            | —                                        | —                    |
 | unlink-panels      | desconectar dos date-panels en range-picker | boolean           | —                                        | false                |
 | prefix-icon        | Clase personalizada para el icono prefijado | string            | —                                        | el-icon-date         |
diff --git a/website/docs/es/i18n.md b/website/docs/es/i18n.md
index 0210077216124..da5a57e281677 100644
--- a/website/docs/es/i18n.md
+++ b/website/docs/es/i18n.md
@@ -179,15 +179,15 @@ Actualmente Element Plus está disponible en los siguientes idiomas:
   <li>Spanish (es)</li>
   <li>Danish (da)</li>
   <li>French (fr)</li>
-  <li>Norwegian (nb-no)</li>
+  <li>Norwegian (nb-NO)</li>
   <li>Traditional Chinese (zh-tw)</li>
   <li>Italian (it)</li>
   <li>Korean (ko)</li>
   <li>Japanese (ja)</li>
   <li>Dutch (nl)</li>
   <li>Vietnamese (vi)</li>
-  <li>Russian (ru-ru)</li>
-  <li>Turkish (tr-tr)</li>
+  <li>Russian (ru)</li>
+  <li>Turkish (tr)</li>
   <li>Brazilian Portuguese (pt-br)</li>
   <li>Farsi (fa)</li>
   <li>Thai (th)</li>
@@ -195,32 +195,32 @@ Actualmente Element Plus está disponible en los siguientes idiomas:
   <li>Bulgarian (bg)</li>
   <li>Polish (pl)</li>
   <li>Finnish (fi)</li>
-  <li>Swedish (sv-se)</li>
+  <li>Swedish (sv)</li>
   <li>Greek (el)</li>
   <li>Slovak (sk)</li>
   <li>Catalunya (ca)</li>
-  <li>Czech (cs-cz)</li>
-  <li>Ukrainian (ua)</li>
+  <li>Czech (cs)</li>
+  <li>Ukrainian (uk)</li>
   <li>Turkmen (tk)</li>
   <li>Tamil (ta)</li>
   <li>Latvian (lv)</li>
-  <li>Afrikaans (af-za)</li>
-  <li>Estonian (ee)</li>
+  <li>Afrikaans (af)</li>
+  <li>Estonian (et)</li>
   <li>Slovenian (sl)</li>
   <li>Arabic (ar)</li>
   <li>Hebrew (he)</li>
   <li>Lithuanian (lt)</li>
   <li>Mongolian (mn)</li>
-  <li>Kazakh (kz)</li>
+  <li>Kazakh (kk)</li>
   <li>Hungarian (hu)</li>
   <li>Romanian (ro)</li>
   <li>Kurdish (ku)</li>
   <li>Uighur (ug-cn)</li>
   <li>Khmer (km)</li>
   <li>Serbian (sr)</li>
-  <li>Vasco (eu)</li>
-  <li>Kirguizstán (kg)</li>
-  <li>Armenio (hy)</li>
+  <li>Basque (eu)</li>
+  <li>Kyrgyz (ky)</li>
+  <li>Armenian (hy-am)</li>
   <li>Croatian (hr)</li>
   <li>Esperanto (eo)</li>
 </ul>
diff --git a/website/docs/es/time-picker.md b/website/docs/es/time-picker.md
index 5bb03ab6ff69b..a1e72357f3c71 100644
--- a/website/docs/es/time-picker.md
+++ b/website/docs/es/time-picker.md
@@ -93,10 +93,8 @@ Es posible escoger un rango de tiempo arbitrario.
 | arrow-control     | si es posible escoger el tiempo usando los botones de flecha, solo funciona con `<el-time-picker>` | boolean                                  | —                                        | false                |
 | align             | alineación                               | left / center / right                    | left                                     |                      |
 | popper-class      | nombre de clase personalizada para el dropdown del Time Picker | string                                   | —                                        | —                    |
-| picker-options    | opciones adicionales, revisar la tabla posterior | object                                   | —                                        | {}                   |
 | range-separator   | separador de rango                       | string                                   | -                                        | '-'                  |
 | default-value     | opcional, fecha por defecto del calendario | Fecha para Selector de Tiempo, string para el Seleccionador de Tiempo | cualquier cosa aceptada por `new Date()` para el Selector de Tiempo,  Selector de Tiempo, valor seleccionable para el Seleccionador de Tiempo | —                    |
-| value-format      | opcional, solo para Time Picker, formato del valor vinculado. Si no se especifica, el valor vinculado será un objeto Date | string                                   | ver [date formats](#/es/component/date-picker#date-formats) | —                    |
 | name              | como `name` en input nativo              | string                                   | —                                        | —                    |
 | prefix-icon       | Clase personalizada para el icono de prefijado | string                                   | —                                        | el-icon-time         |
 | clear-icon        | Clase personalizada para el icono `clear` | string                                   | —                                        | el-icon-circle-close |
diff --git a/website/docs/fr-FR/date-picker.md b/website/docs/fr-FR/date-picker.md
index 60a9075365518..b7138328394c9 100644
--- a/website/docs/fr-FR/date-picker.md
+++ b/website/docs/fr-FR/date-picker.md
@@ -310,38 +310,16 @@ Si le type est `daterange`, `default-value` configure la panneau de gauche.
 
 ### Formats de date
 
-Utilisez `format` pour contrôler l'affichage de la date dans le champ. Utilisez `value-format` pour contrôler le format de la variable stockée.
+Utilisez `format` pour contrôler l'affichage de la date dans le champ.
 
-Par défaut, le composant accepte et émet un objet `Date`. Les formats supportés se trouvent ci-dessous, avec la date UTC 2017-01-02 03:04:05 comme exemple:
+Par défaut, le composant accepte et émet un objet `Date`.
+
+Check the list [here](https://day.js.org/docs/en/display/format#list-of-all-available-formats) of all available formats of Day.js.
 
 :::warning
 Attention à la capitalisation !
 :::
 
-| Format | Signification | Note | Exemple |
-|------|------|------|------|------|
-| `yyyy` | Année | | 2017 |
-| `M`  | Mois | pas de 0 au début | 1 |
-| `MM` | Mois | | 01 |
-| `MMM` | Mois | | Jan |
-| `MMMM` | Mois | | Janvier |
-| `W`  | Semaine | uniquement pour les `format` des types 'semaine' ; pas de 0 au début | 1 |
-| `WW` | Semaine | uniquement pour les `format` des types 'semaine' | 01 |
-| `d`  | Jour | pas de 0 au début | 2 |
-| `dd` | Jour | | 02 |
-| `H`  | Heure | Horloge 24 heures; pas de 0 au début | 3 |
-| `HH` | Heure | Horloge 24 heures | 03 |
-| `h`  | Heure | Horloge 12 heures ; doit être utilisé avec `A` ou `a`; pas de 0 au début | 3 |
-| `hh` | Heure | Horloge 12 heures ; doit être utilisé avec `A` ou `a` | 03 |
-| `m`  | Minute | pas de 0 au début | 4 |
-| `mm` | Minute | | 04 |
-| `s`  | Seconde | pas de 0 au début | 5 |
-| `ss` | Seconde | | 05 |
-| `A`  | AM/PM | uniquement pour `format`, majuscules | AM |
-| `a`  | am/pm | uniquement pour `format`, minuscules | am |
-| `timestamp` | timestamp JS | uniquement pour `value-format`; la variable stockée sera un `number` | 1483326245000 |
-| `[MM]` | Pas de caractère d'échappement | Pour échapper des caractères, placez-les entre crochets (ex: [A] [MM]) | MM |
-
 :::demo
 ```html
 <template>
@@ -418,11 +396,9 @@ Lorsque vous choisissez une plage de dates, vous pouvez assigner l'horaire de d
 | format | Format d'affichage dans le champ. | string | Voir [formats de date](#/fr-FR/component/date-picker#formats-de-date). | yyyy-MM-dd |
 | align | Alignement. | left/center/right | left |
 | popper-class | Nom de classe pour le menu déroulant du DatePicker. | string | — | — |
-| picker-options | Options additionnelles, voir la table ci-dessous. | object | — | {} |
 | range-separator | Séparateur de plage de dates. | string | — | '-' |
 | default-value | Date par défaut du calendrier, optionnelle. | Date | Tout ce qui est accepté par `new Date()` | — |
 | default-time | Horaire par défaut quand on sélectionne une plage dates, optionnel. | string[] | Tableau de taille 2, chaque valeur est au format `12:00:00`. La première pour la date de début, la deuxième pour la date de fin. | — |
-| value-format | Format de la variable stockée, optionnel. Si non spécifié, la valeur sera un objet Date. | string | Voir [formats de date](#/en-US/component/date-picker#formats-de-date) | — |
 | name | Identique au `name` de l'input natif | string | — | — |
 | unlink-panels | Rend indépendants les deux panneaux de plage de dates. | boolean | — | false |
 | prefix-icon | Icône de préfixe. | string | — | el-icon-date |
diff --git a/website/docs/fr-FR/datetime-picker.md b/website/docs/fr-FR/datetime-picker.md
index b151aa152c880..cf6ad4650698e 100644
--- a/website/docs/fr-FR/datetime-picker.md
+++ b/website/docs/fr-FR/datetime-picker.md
@@ -204,11 +204,9 @@ DateTimePicker est dérivé de DatePicker et TimePicker. Pour plus d'information
 | format | Format d'affichage de la date dans le champ. | string | Voir [formats de date](#/fr-FR/component/date-picker#formats-de-date) | yyyy-MM-dd HH:mm:ss |
 | align | Alignements. | left/center/right | left |
 | popper-class | Nom de classe pour le menu déroulant du DateTimePicker. | string | — | — |
-| picker-options | Options additionnelles, voir la table ci-dessous. | object | — | {} |
 | range-separator | Séparateur de plage. | string | - | '-' |
 | default-value | Date par défaut du calendrier, optionnelle. | Date | N'importe quelle valeur acceptée par `new Date()` | — |
 | default-time | L'horaire par défaut après avoir choisi une date. | normal: string / plage de dates: string[] | normal: un string tel que `12:00:00`, range: tableau de deux strings, le premier pour la date de début, le deuxième pour la date de fin. Si non spécifié, `00:00:00` est utilisé. | — |
-| value-format | Format de la variable stockée, optionnel. Si non spécifié, La valeur sera un objet Date. | string | Voir [formats de date](#/fr-FR/component/date-picker#formats-de-date) | — |
 | name | Identique au `name` de l'input natif | string | — | — |
 | unlink-panels | Rend indépendants les deux panneaux de plage de dates | boolean | — | false |
 | prefix-icon | Icône de préfixe. | string | — | el-icon-date |
diff --git a/website/docs/fr-FR/i18n.md b/website/docs/fr-FR/i18n.md
index 4943b86ac49d1..29e5bb74e1215 100644
--- a/website/docs/fr-FR/i18n.md
+++ b/website/docs/fr-FR/i18n.md
@@ -189,8 +189,8 @@ Actuellement, Element Plus supporte les langues suivantes:
   <li>Japonais (ja)</li>
   <li>Néerlandais (nl)</li>
   <li>Vietnamien (vi)</li>
-  <li>Russe (ru-ru)</li>
-  <li>Turque (tr-tr)</li>
+  <li>Russe (ru)</li>
+  <li>Turque (tr)</li>
   <li>Portugais brésilien (pt-br)</li>
   <li>Farsi (fa)</li>
   <li>Thaï (th)</li>
@@ -198,23 +198,23 @@ Actuellement, Element Plus supporte les langues suivantes:
   <li>Bulgare (bg)</li>
   <li>Polonais (pl)</li>
   <li>Finnois (fi)</li>
-  <li>Suédois (sv-se)</li>
+  <li>Suédois (sv)</li>
   <li>Grec (el)</li>
   <li>Slovaque (sk)</li>
   <li>Catalan (ca)</li>
-  <li>Tchèque (cs-cz)</li>
-  <li>Ukrainien (ua)</li>
+  <li>Tchèque (cs)</li>
+  <li>Ukrainien (uk)</li>
   <li>Turkmène (tk)</li>
   <li>Tamoul (ta)</li>
   <li>Letton (lv)</li>
-  <li>Afrikaans (af-za)</li>
-  <li>Estonien (ee)</li>
+  <li>Afrikaans (af)</li>
+  <li>Estonien (et)</li>
   <li>Slovène (sl)</li>
   <li>Arabe (ar)</li>
   <li>Hébreu (he)</li>
   <li>Lituanien (lt)</li>
   <li>Mongol (mn)</li>
-  <li>Kazakh (kz)</li>
+  <li>Kazakh (kk)</li>
   <li>Hongrois (hu)</li>
   <li>Roumain (ro)</li>
   <li>Kurde (ku)</li>
@@ -222,9 +222,9 @@ Actuellement, Element Plus supporte les langues suivantes:
   <li>Khmer (km)</li>
   <li>Serbe (sr)</li>
   <li>Basque (eu)</li>
-  <li>Kirghize (kg)</li>
+  <li>Kirghize (ky)</li>
+  <li>Arménien (hy-am)</li>
   <li>Croate (hr)</li>
-  <li>Arménien (hy)</li>
   <li>Espéranto (eo)</li>
 </ul>
 
diff --git a/website/docs/fr-FR/time-picker.md b/website/docs/fr-FR/time-picker.md
index a62bcb91fff28..744cf471e3b7d 100644
--- a/website/docs/fr-FR/time-picker.md
+++ b/website/docs/fr-FR/time-picker.md
@@ -94,10 +94,8 @@ Vous pouvez également définir un intervalle libre.
 | arrow-control | Si les flèches directionnelles peuvent être utilisées, marche avec `<el-time-picker>`. | boolean | — | false |
 | align | Alignement. | left / center / right | left |
 | popper-class | Classe du menu du TimePicker. | string | — | — |
-| picker-options | Options additionnelles, voir la table ci-dessous. | object | — | {} |
 | range-separator | Séparateur d'intervalle. | string | - | '-' |
 | default-value | Optionnel, date d'aujourd'hui par défaut. | `Date` pour le TimePicker, `string` pour le TimeSelect | Toute valeur acceptée par `new Date()` pour le TimePicker, une valeur sélectionnable pour TimeSelect. | — |
-| value-format | Optionnel, uniquement pour TimePicker, format de la valeur. Si non spécifié, la valeur sera un objet `Date`. | string | Voir [date formats](#/en-US/component/date-picker#date-formats) | — |
 | name | Attribut `name` natif de l'input. | string | — | — |
 | prefix-icon | Classe de l'icône de préfixe. | string | — | el-icon-time |
 | clear-icon | Classe de l'icône d'effacement. | string | — | el-icon-circle-close |
diff --git a/website/docs/jp/date-picker.md b/website/docs/jp/date-picker.md
index a496d579842d3..e7cfd46078ca1 100644
--- a/website/docs/jp/date-picker.md
+++ b/website/docs/jp/date-picker.md
@@ -315,38 +315,16 @@
 :::
 
 ###  日付のフォーマット
-入力ボックスに表示されるテキストの書式を制御するには `format` を用いる。値の書式を制御するには `value-format` を用いる。
+入力ボックスに表示されるテキストの書式を制御するには `format` を用いる。
 
-デフォルトでは、コンポーネントは `Date` オブジェクトを受け入れて出力します。以下に UTC 2017-01-02 03:04:05 を例に、サポートされているフォーマット文字列を示します。
+デフォルトでは、コンポーネントは `Date` オブジェクトを受け入れて出力します。
+
+Check the list [here](https://day.js.org/docs/en/display/format#list-of-all-available-formats) of all available formats of Day.js.
 
 :::warning
 大文字化に注意
 :::
 
-| format | meaning | note | example |
-|------|------|------|------|------|
-| `yyyy` | 年 | | 2017 |
-| `M`  | 月 | no leading 0 | 1 |
-| `MM` | 月 | | 01 |
-| `MMM` | 月 | | Jan |
-| `MMMM` | 月 | | January |
-| `W`  | 月 | only for week picker's `format`; no leading 0 | 1 |
-| `WW` | 週 | only for week picker's `format`| 01 |
-| `d`  | 日 | no leading 0 | 2 |
-| `dd` | 日 | | 02 |
-| `H`  | 時 | 24-hour clock; no leading 0 | 3 |
-| `HH` | 時 | 24-hour clock | 03 |
-| `h`  | 時 | 12-hour clock; must be used with `A` or `a`; no leading 0 | 3 |
-| `hh` | 時 | 12-hour clock; must be used with `A` or `a` | 03 |
-| `m`  | 分 | no leading 0 | 4 |
-| `mm` | 分 | | 04 |
-| `s`  | 秒 | no leading 0 | 5 |
-| `ss` | 秒 | | 05 |
-| `A`  | 午前/午後 | only for `format`, uppercased | AM |
-| `a`  | 午前/午後 | only for `format`, lowercased | am |
-| `timestamp` | JS タイムスタンプ | only for `value-format`; binding value will be a `number` | 1483326245000 |
-| `[MM]` | エスケープしない文字 | To escape characters, wrap them in square brackets (e.g. [A] [MM]) | MM |
-
 :::demo
 ```html
 <template>
@@ -360,28 +338,6 @@
       format="yyyy/MM/dd">
     </el-date-picker>
   </div>
-  <div class="block">
-    <span class="demonstration">Use value-format</span>
-    <div class="demonstration">Value: {{ value2 }}</div>
-    <el-date-picker
-      v-model="value2"
-      type="date"
-      placeholder="Pick a Date"
-      format="yyyy/MM/dd"
-      value-format="yyyy-MM-dd">
-    </el-date-picker>
-  </div>
-  <div class="block">
-    <span class="demonstration">Timestamp</span>
-    <div class="demonstration">Value：{{ value3 }}</div>
-    <el-date-picker
-      v-model="value3"
-      type="date"
-      placeholder="Pick a Date"
-      format="yyyy/MM/dd"
-      value-format="timestamp">
-    </el-date-picker>
-  </div>
 </template>
 
 <script>
@@ -445,11 +401,9 @@
 | format | 入力ボックスの表示値のフォーマット | string | see [date formats](#/en-US/component/date-picker#date-formats) | yyyy-MM-dd |
 | align | アライメント | left/center/right | left |
 | popper-class | date-pickerのドロップダウン用カスタムクラス名 | string | — | — |
-| picker-options | その他のオプションについては、以下の表を参照してください。 | object | — | {} |
 | range-separator | 範囲セパレータ | string | — | '-' |
 | default-value | オプション、カレンダーのデフォルトの日付 | Date | anything accepted by `new Date()` | — |
 | default-time | オプション、日付範囲を選択する際に使用する時間値 | string[] | Array with length 2, each item is a string like `12:00:00`. The first item for the start date and then second item for the end date | — |
-| value-format | オプションで、バインディング値のフォーマットを指定します。指定しない場合、バインディング値は Date オブジェクトになります。 | string | see [date formats](#/en-US/component/date-picker#date-formats) | — |
 | name | ネイティブ入力の `name` と同じ  | string | — | — |
 | unlink-panels | 範囲ピッカーで2つのデータパネルのリンクを解除する | boolean | — | false |
 | prefix-icon | カスタムプレフィックスアイコン | string | — | el-icon-date |
diff --git a/website/docs/jp/datetime-picker.md b/website/docs/jp/datetime-picker.md
index 3fd1a5f105fd6..dd504597cdbcb 100644
--- a/website/docs/jp/datetime-picker.md
+++ b/website/docs/jp/datetime-picker.md
@@ -204,11 +204,9 @@ DateTimePickerはDatePickerとTimePickerから派生したものです。`picker
 | format | インプットボックスの表示値のフォーマット | string | see [date formats](#/en-US/component/date-picker#date-formats) | yyyy-MM-dd HH:mm:ss |
 | align | アライメント | left/center/right | left |
 | popper-class | DateTimePickerのドロップダウンのカスタムクラス名 | string | — | — |
-| picker-options | 追加のオプションについては、以下の表を参照してください。 | object | — | {} |
 | range-separator | レンジセパレータ | string | - | '-' |
 | default-value | オプション、カレンダーのデフォルトの日付 | Date | anything accepted by `new Date()` | — |
 | default-time | 日付を選択した後のデフォルトの時刻の値 | non-range: string / range: string[] | non-range: a string like `12:00:00`, range: array of two strings, and the first item is for the start date and second for the end date. `00:00:00` will be used if not specified | — |
-| value-format | オプションで、バインディング値のフォーマットを指定します。指定しない場合、バインディング値は Date オブジェクトになります。 | string | see [date formats](#/en-US/component/date-picker#date-formats) | — |
 | name | ネイティブインプットの `name` と同じ | string | — | — |
 | unlink-panels | レンジピッカーで2つのデータパネルのリンクを解除する | boolean | — | false |
 | prefix-icon | カスタムプレフィックスアイコンクラス | string | — | el-icon-date |
diff --git a/website/docs/jp/i18n.md b/website/docs/jp/i18n.md
index 318845c998e67..e02c156961bac 100644
--- a/website/docs/jp/i18n.md
+++ b/website/docs/jp/i18n.md
@@ -179,15 +179,15 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
   <li>Spanish (es)</li>
   <li>Danish (da)</li>
   <li>French (fr)</li>
-  <li>Norwegian (nb-no)</li>
+  <li>Norwegian (nb-NO)</li>
   <li>Traditional Chinese (zh-tw)</li>
   <li>Italian (it)</li>
   <li>Korean (ko)</li>
   <li>Japanese (ja)</li>
   <li>Dutch (nl)</li>
   <li>Vietnamese (vi)</li>
-  <li>Russian (ru-ru)</li>
-  <li>Turkish (tr-tr)</li>
+  <li>Russian (ru)</li>
+  <li>Turkish (tr)</li>
   <li>Brazilian Portuguese (pt-br)</li>
   <li>Farsi (fa)</li>
   <li>Thai (th)</li>
@@ -195,23 +195,23 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
   <li>Bulgarian (bg)</li>
   <li>Polish (pl)</li>
   <li>Finnish (fi)</li>
-  <li>Swedish (sv-se)</li>
+  <li>Swedish (sv)</li>
   <li>Greek (el)</li>
   <li>Slovak (sk)</li>
   <li>Catalunya (ca)</li>
-  <li>Czech (cs-cz)</li>
-  <li>Ukrainian (ua)</li>
+  <li>Czech (cs)</li>
+  <li>Ukrainian (uk)</li>
   <li>Turkmen (tk)</li>
   <li>Tamil (ta)</li>
   <li>Latvian (lv)</li>
-  <li>Afrikaans (af-za)</li>
-  <li>Estonian (ee)</li>
+  <li>Afrikaans (af)</li>
+  <li>Estonian (et)</li>
   <li>Slovenian (sl)</li>
   <li>Arabic (ar)</li>
   <li>Hebrew (he)</li>
   <li>Lithuanian (lt)</li>
   <li>Mongolian (mn)</li>
-  <li>Kazakh (kz)</li>
+  <li>Kazakh (kk)</li>
   <li>Hungarian (hu)</li>
   <li>Romanian (ro)</li>
   <li>Kurdish (ku)</li>
@@ -219,8 +219,8 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
   <li>Khmer (km)</li>
   <li>Serbian (sr)</li>
   <li>Basque (eu)</li>
-  <li>Kyrgyz (kg)</li>
-  <li>Armenian (hy)</li>
+  <li>Kyrgyz (ky)</li>
+  <li>Armenian (hy-am)</li>
   <li>Croatian (hr)</li>
   <li>Esperanto (eo)</li>
 </ul>
diff --git a/website/docs/jp/time-picker.md b/website/docs/jp/time-picker.md
index 71694f62a8603..3b4c78c84cbb9 100644
--- a/website/docs/jp/time-picker.md
+++ b/website/docs/jp/time-picker.md
@@ -162,10 +162,8 @@
 | arrow-control | 矢印ボタンを使って時間を選択するかどうか、`<el-time-picker>` でのみ動作します。 | boolean | — | false |
 | align | 整列 | left / center / right | left |
 | popper-class | タイムピッカーのドロップダウンのカスタムクラス名 | string | — | — |
-| picker-options | 追加のオプション、下のテーブルを参照してください。 | object | — | {} |
 | range-separator | 範囲セパレータ | string | - | '-' |
 | default-value | オプション、カレンダーのデフォルトの日付 | Date for TimePicker, string for TimeSelect | anything accepted by `new Date()` for TimePicker, selectable value for TimeSelect | — |
-| value-format | オプションで、タイムピッカーの場合のみ、バインディング値のフォーマットを指定します。指定しない場合、バインディング値は Date オブジェクトになります。 | string | see [date formats](#/en-US/component/date-picker#date-formats) | — |
 | name | ネイティブ入力の `name` と同じ | string | — | — |
 | prefix-icon | カスタムプレフィックスアイコンクラス | string | — | el-icon-time |
 | clear-icon | カスタムクリアアイコンクラス | string | — | el-icon-circle-close |
diff --git a/website/docs/zh-CN/date-picker.md b/website/docs/zh-CN/date-picker.md
index 99566e44118ef..561f7c58fcfe3 100644
--- a/website/docs/zh-CN/date-picker.md
+++ b/website/docs/zh-CN/date-picker.md
@@ -308,36 +308,16 @@ If type is `daterange`, `default-value` sets the left side calendar.
 
 ###  日期格式
 
-使用`format`指定输入框的格式；使用`value-format`指定绑定值的格式。
+使用`format`指定输入框的格式。
 
-默认情况下，组件接受并返回`Date`对象。以下为可用的格式化字串，以 UTC 2017年1月2日 03:04:05 为例：
+默认情况下，组件接受并返回`Date`对象。
+
+在 [这里](https://day.js.org/docs/zh-CN/display/format) 查看 Day.js 支持的 format 参数。
 
 :::warning
 请注意大小写
 :::
 
-| 格式 | 含义 | 备注 | 举例 |
-|------|------|------|------|------|
-| `yyyy` | 年 | | 2017 |
-| `M`  | 月 | 不补0 | 1 |
-| `MM` | 月 | | 01 |
-| `W`  | 周 | 仅周选择器的 `format` 可用；不补0 | 1 |
-| `WW` | 周 | 仅周选择器的 `format` 可用 | 01 |
-| `d`  | 日 | 不补0 | 2 |
-| `dd` | 日 | | 02 |
-| `H`  | 小时 | 24小时制；不补0 | 3 |
-| `HH` | 小时 | 24小时制 | 03 |
-| `h`  | 小时 | 12小时制，须和 `A` 或 `a` 使用；不补0 | 3 |
-| `hh` | 小时 | 12小时制，须和 `A` 或 `a` 使用 | 03 |
-| `m`  | 分钟 | 不补0 | 4 |
-| `mm` | 分钟 | | 04 |
-| `s`  | 秒 | 不补0 | 5 |
-| `ss` | 秒 | | 05 |
-| `A`  | AM/PM | 仅 `format` 可用，大写 | AM |
-| `a`  | am/pm | 仅 `format` 可用，小写 | am |
-| `timestamp` | JS时间戳 | 仅 `value-format` 可用；组件绑定值为`number`类型 | 1483326245000 |
-| `[MM]` | 不需要格式化字符 | 使用方括号标识不需要格式化的字符 (如  [A] [MM])  | MM |
-
 :::demo
 ```html
 <template>
@@ -414,11 +394,9 @@ If type is `daterange`, `default-value` sets the left side calendar.
 | format | 显示在输入框中的格式 | string | 见[日期格式](#/zh-CN/component/date-picker#ri-qi-ge-shi) | yyyy-MM-dd |
 | align | 对齐方式 | string | left, center, right | left |
 | popper-class | DatePicker 下拉框的类名 | string | — | — |
-| picker-options | 当前时间日期选择器特有的选项参考下表 | object |  — | {} |
 | range-separator | 选择范围时的分隔符 | string | — | '-' |
 | default-value | 可选，选择器打开时默认显示的时间 | Date | 可被`new Date()`解析 | — |
 | default-time | 范围选择时选中日期所使用的当日内具体时刻 | string[] | 数组，长度为 2，每项值为字符串，形如`12:00:00`，第一项指定开始日期的时刻，第二项指定结束日期的时刻，不指定会使用时刻 `00:00:00` | — |
-| value-format | 可选，绑定值的格式。不指定则绑定值为 Date 对象 | string | 见[日期格式](#/zh-CN/component/date-picker#ri-qi-ge-shi) | — |
 | name | 原生属性 | string | — | — |
 | unlink-panels | 在范围选择器里取消两个日期面板之间的联动 | boolean | — | false |
 | prefix-icon | 自定义头部图标的类名 | string | — | el-icon-date |
@@ -443,7 +421,7 @@ If type is `daterange`, `default-value` sets the left side calendar.
 ### Events
 | 事件名称      | 说明    | 回调参数      |
 |---------|--------|---------|
-| change | 用户确认选定的值时触发 | 组件绑定值。格式与绑定值一致，可受 `value-format` 控制 |
+| change | 用户确认选定的值时触发 | 组件绑定值 |
 | blur | 当 input 失去焦点时触发 | 组件实例 |
 | focus | 当 input 获得焦点时触发 | 组件实例 |
 
diff --git a/website/docs/zh-CN/datetime-picker.md b/website/docs/zh-CN/datetime-picker.md
index 255d932e6e414..7b6b278b6a3b5 100644
--- a/website/docs/zh-CN/datetime-picker.md
+++ b/website/docs/zh-CN/datetime-picker.md
@@ -203,11 +203,9 @@ DateTimePicker 由 DatePicker 和 TimePicker 派生，`Picker Options` 或者其
 | format | 显示在输入框中的格式 | string | 见[日期格式](#/zh-CN/component/date-picker#ri-qi-ge-shi) | yyyy-MM-dd HH:mm:ss |
 | align | 对齐方式 | string | left, center, right | left |
 | popper-class | DateTimePicker 下拉框的类名 | string | — | — |
-| picker-options | 当前时间日期选择器特有的选项参考下表 | object |  — | {} |
 | range-separator | 选择范围时的分隔符 | string | - | '-' |
 | default-value | 可选，选择器打开时默认显示的时间 | Date | 可被`new Date()`解析 | — |
 | default-time | 选中日期后的默认具体时刻 | 非范围选择时：string / 范围选择时：string[] | 非范围选择时：形如`12:00:00`的字符串；范围选择时：数组，长度为 2，每项值为字符串，形如`12:00:00`，第一项指定开始日期的时刻，第二项指定结束日期的时刻。不指定会使用时刻 `00:00:00` | — |
-| value-format | 可选，绑定值的格式。不指定则绑定值为 Date 对象 | string | 见[日期格式](#/zh-CN/component/date-picker#ri-qi-ge-shi) | — |
 | name | 原生属性 | string | — | — |
 | unlink-panels | 在范围选择器里取消两个日期面板之间的联动 | boolean | — | false |
 | prefix-icon | 自定义头部图标的类名 | string | — | el-icon-date |
@@ -230,7 +228,7 @@ DateTimePicker 由 DatePicker 和 TimePicker 派生，`Picker Options` 或者其
 ### Events
 | Event Name | Description | Parameters |
 |---------|--------|---------|
-| change | 用户确认选定的值时触发 | 组件绑定值。格式与绑定值一致，可受 `value-format` 控制 |
+| change | 用户确认选定的值时触发 | 组件绑定值 |
 | blur | 当 input 失去焦点时触发 | 组件实例 |
 | focus | 当 input 获得焦点时触发 | 组件实例 |
 
diff --git a/website/docs/zh-CN/i18n.md b/website/docs/zh-CN/i18n.md
index a750d0e9bc6ef..965a144d44493 100644
--- a/website/docs/zh-CN/i18n.md
+++ b/website/docs/zh-CN/i18n.md
@@ -188,8 +188,8 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
   <li>日语（ja）</li>
   <li>荷兰语（nl）</li>
   <li>越南语（vi）</li>
-  <li>俄语（ru-ru）</li>
-  <li>土耳其语（tr-tr）</li>
+  <li>俄语（ru）</li>
+  <li>土耳其语（tr）</li>
   <li>巴西葡萄牙语（pt-br）</li>
   <li>波斯语（fa）</li>
   <li>泰语（th）</li>
@@ -197,23 +197,23 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
   <li>保加利亚语（bg）</li>
   <li>波兰语（pl）</li>
   <li>芬兰语（fi）</li>
-  <li>瑞典语（sv-se）</li>
+  <li>瑞典语（sv）</li>
   <li>希腊语（el）</li>
   <li>斯洛伐克语（sk）</li>
   <li>加泰罗尼亚语（ca）</li>
-  <li>捷克语（cs-cz）</li>
-  <li>乌克兰语（ua）</li>
+  <li>捷克语（cs）</li>
+  <li>乌克兰语（uk）</li>
   <li>土库曼语（tk）</li>
   <li>泰米尔语（ta）</li>
   <li>拉脱维亚语（lv）</li>
-  <li>南非荷兰语（af-za）</li>
-  <li>爱沙尼亚语（ee）</li>
+  <li>南非荷兰语（af）</li>
+  <li>爱沙尼亚语（et）</li>
   <li>斯洛文尼亚语（sl）</li>
   <li>阿拉伯语（ar）</li>
   <li>希伯来语（he）</li>
   <li>立陶宛语（lt）</li>
   <li>蒙古语（mn）</li>
-  <li>哈萨克斯坦语（kz）</li>
+  <li>哈萨克斯坦语（kk）</li>
   <li>匈牙利语（hu）</li>
   <li>罗马尼亚语（ro）</li>
   <li>库尔德语（ku）</li>
@@ -221,8 +221,8 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
   <li>高棉语（km）</li>
   <li>塞尔维亚语（sr）</li>
   <li>巴斯克语（eu）</li>
-  <li>吉尔吉斯语（kg）</li>
-  <li>亚美尼亚语 (hy)</li>
+  <li>吉尔吉斯语（ky）</li>
+  <li>亚美尼亚语 (hy-am)</li>
   <li>克罗地亚 (hr)</li>
   <li>世界语 (eo)</li>
 </ul>
diff --git a/website/docs/zh-CN/time-picker.md b/website/docs/zh-CN/time-picker.md
index 897fae83c8cc5..e974a19ff0f15 100644
--- a/website/docs/zh-CN/time-picker.md
+++ b/website/docs/zh-CN/time-picker.md
@@ -94,9 +94,8 @@
 | arrow-control | 是否使用箭头进行时间选择，仅对`<el-time-picker>`有效 | boolean | — | false |
 | align | 对齐方式 | string | left / center / right | left |
 | popper-class | TimePicker 下拉框的类名 | string | — | — |
-| picker-options | 当前时间日期选择器特有的选项参考下表 | object | — | {} |
 | range-separator | 选择范围时的分隔符 | string | - | '-' |
-| value-format | 可选，仅TimePicker时可用，绑定值的格式。不指定则绑定值为 Date 对象 | string | 见[日期格式](#/zh-CN/component/date-picker#ri-qi-ge-shi) | — |
+| string | 见[日期格式](#/zh-CN/component/date-picker#ri-qi-ge-shi) | — |
 | default-value | 可选，选择器打开时默认显示的时间 | Date(TimePicker) / string(TimeSelect) | 可被`new Date()`解析(TimePicker) / 可选值(TimeSelect) | — |
 | name | 原生属性 | string | — | — |
 | prefix-icon | 自定义头部图标的类名 | string | — | el-icon-time |