elementui datepick
ElementUI DatePicker 使用指南
ElementUI 的 DatePicker 组件用于选择日期或日期范围，支持多种日期格式和自定义配置。
基本用法
安装 ElementUI 后，可以直接在 Vue 组件中使用 DatePicker：
<template>
<el-date-picker v-model="date" type="date" placeholder="选择日期"></el-date-picker>
</template>
<script>
export default {
data() {
return {
date: ''
}
}
}
</script>日期范围选择
通过设置 type 为 daterange 可以实现日期范围选择：
<el-date-picker
v-model="dateRange"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>禁用日期
使用 disabledDate 属性可以禁用特定日期：
<el-date-picker
v-model="date"
:disabledDate="disabledDate">
</el-date-picker>
<script>
export default {
methods: {
disabledDate(time) {
return time.getTime() > Date.now()
}
}
}
</script>自定义日期格式
通过 format 属性可以自定义日期显示格式：
<el-date-picker
v-model="date"
type="date"
format="yyyy/MM/dd">
</el-date-picker>国际化配置
ElementUI 支持多语言，可以通过全局配置设置日期选择器的语言：
import Vue from 'vue'
import ElementUI from 'element-ui'
import locale from 'element-ui/lib/locale/lang/en'
Vue.use(ElementUI, { locale })常见问题
日期绑定值为空：确保 v-model 初始化为 null 或 undefined，而不是空字符串。
时区问题：日期对象会转换为本地时间，处理服务器时间时需要注意时区转换。
移动端适配：ElementUI 主要针对桌面端，移动端可能需要额外样式调整。
