elementui时间日期选择器中文化
2024-08-02 09:10:09 阅读次数:14
elementui,日期,选择器
<el-config-provider :locale="zhCn"> //中文
<span>时间范围ㅤ</span>
<el-date-picker
v-model="state.currentDateRange"
type="daterange"
:clearable="true"
placeholder="时间范围"
range-separator="~"
start-placeholder="开始日期"
end-placeholder="结束日期"
:disabled-date="disableDate"
@change="changeDate"
/>
</el-config-provider>
const disableDate = time => {
// 只能选择五月三十日之后到今天的前一天的日期
return (
time.getTime() < Date.parse(new Date('05-30-2022')) ||
time.getTime() > Date.parse(new Date(new Date() - 1000 * 60 * 60 * 24))
)
}
import locale from 'element-plus/lib/locale/lang/zh-cn'
import 'dayjs/locale/zh-cn'
export const app = createApp(App)
app
.use(ElementPlus, { locale })
.mount('#app')
版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.51cto.com/u_15939684/6254993,作者:actionLife,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇:【Android】-- Activity页面(启动和结束、生命周期、启动模式和实例)
下一篇:linux作业(简述osi七层模型和TCP/IP五层模型)