Javascript ElementFE/ElementUI时间选择器-12小时格式

Javascript ElementFE/ElementUI时间选择器-12小时格式,javascript,vuejs2,Javascript,Vuejs2,我有一个元素UI时间选择器,我正在尝试从默认的24小时格式切换到12小时格式。我最近看到公共关系允许人们通过i8n实现这一点,但我不知道如何实现。你可以在这里看到讨论 我的代码如下 <div class ="container"> <el-time-select placeholder="Start time" value="HH"

我有一个元素UI时间选择器,我正在尝试从默认的24小时格式切换到12小时格式。我最近看到公共关系允许人们通过i8n实现这一点,但我不知道如何实现。你可以在这里看到讨论

我的代码如下

            <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>