引入vue,elementui
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script>
<script src="https://unpkg.com/element-ui@2.15.6/lib/umd/locale/en.js"></script>
HTML在这里插入代码片
<div id="app">
choose{{choose}}
<div>
<el-date-picker
value-format="yyyy--MM-dd"
v-model="choose"
type="date"
@change="clickFunc"
placeholder="选择日期">
</el-date-picker>
</div>
</div>
js
ELEMENT.locale(ELEMENT.lang.en);
var app = new Vue({
el: "#app",
data: {
choose: ""
},
methods: {
clickFunc: function () {
console.log("choose",this.choose);
},
}
})
注: 英文语言包和elementui的版本不一定要相同
语言包的部分源码
global.ELEMENT.lang.en = mod.exports;
// ELEMENT.locale(ELEMENT.lang.en); 主要使用的是ELEMENT.lang.en