Javascript ElementFE/ElementUI时间选择器-12小时格式
我有一个元素UI时间选择器,我正在尝试从默认的24小时格式切换到12小时格式。我最近看到公共关系允许人们通过i8n实现这一点,但我不知道如何实现。你可以在这里看到讨论 我的代码如下Javascript ElementFE/ElementUI时间选择器-12小时格式,javascript,vuejs2,Javascript,Vuejs2,我有一个元素UI时间选择器,我正在尝试从默认的24小时格式切换到12小时格式。我最近看到公共关系允许人们通过i8n实现这一点,但我不知道如何实现。你可以在这里看到讨论 我的代码如下 <div class ="container"> <el-time-select placeholder="Start time" value="HH"
<div class ="container">
<el-time-select
placeholder="Start time"
value="HH"
v-model="startTime"
:picker-options="{
start: '08:30',
step: '00:15',
end: '18:30',
format : 'HH'
}">
</el-time-select>
<el-time-select
placeholder="End time"
v-model="endTime"
:picker-options="{
start: '08:30',
step: '00:15',
end: '18:30',
minTime: startTime
}">
</el-time-select>
有什么想法吗?从今天起,您可以在下面的url中看到,对于
el time select
,没有类似的选项:
但是,对于el时间选择器
有格式
选项可用,您可以在此处进行检查:
时间选择器(
format=“hh:mm:ss A”,
value format=“hh:mm:ss A”,
占位符=“开始时间”,
v-model=“timeVal”
)
导出默认值{
数据(){
返回{
timeVal:'10:30 AM'//只有在使用“值格式”时才有效,如果未使用,请执行以下操作
timeVal:newdate(2018,9,10,8,40)//年、月、日、时、分
};
}
};
如果你特别喜欢使用
el时间选择器
,那么黑客可能会使用el选择
,然后做一些定制的事情。祝您好运。从今天开始,您可以在下面的url中看到,对于el time select
,没有类似的选项:
但是,对于el时间选择器
有格式
选项可用,您可以在此处进行检查:
时间选择器(
format=“hh:mm:ss A”,
value format=“hh:mm:ss A”,
占位符=“开始时间”,
v-model=“timeVal”
)
导出默认值{
数据(){
返回{
timeVal:'10:30 AM'//只有在使用“值格式”时才有效,如果未使用,请执行以下操作
timeVal:newdate(2018,9,10,8,40)//年、月、日、时、分
};
}
};
如果你特别喜欢使用el时间选择器
,那么黑客可能会使用el选择
,然后做一些定制的事情。祝你好运
ELEMENT.locale(ELEMENT.lang.en)
<template lang="pug">
el-time-picker(
format="hh:mm:ss A",
value-format="hh:mm:ss A",
placeholder="Start time",
v-model="timeVal"
)
</template>
<script>
export default {
data() {
return {
timeVal: '10:30 AM' // This works only if "value-format" is used, if not used then do like below
timeVal: new Date(2018, 9, 10, 8, 40) // year, month, day, hour, and minute
};
}
};
</script>