问ElementFE/ElementUI TimePicker - 12小时格式
EN

Stack Overflow用户

提问于 2017-10-14 13:05:13

回答 1查看 2.7K关注 0票数 0

我有一个元素UI时间选择器，我正在尝试从默认的24小时格式切换到12小时格式。我最近看到公关允许人们通过i8n来做这件事，但我不知道是怎么做的。您可以在此处查看讨论https://github.com/ElemeFE/element/issues/6537

我的代码如下

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

我还在我的html文件中这样设置了locale。

  ELEMENT.locale(ELEMENT.lang.en)

有什么想法吗？

javascript

vuejs2

回答 1

Stack Overflow用户

发布于 2018-05-28 13:28:31

从今天的开始，您可以在下面的url中看到el-time-select没有这样的选项：http://element.eleme.io/#/en-US/component/time-picker#time-select-options

但是，有适用于el-time-picker的format选项，您可以在此处查看它：http://element.eleme.io/#/en-US/component/time-picker#time-picker-options

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

如果你对使用el-time-picker很感兴趣，那么技巧就是使用el-select并做一些自定义的东西。祝好运。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46741062

复制

相似问题

问ElementFE/ElementUI TimePicker - 12小时格式
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ElementFE/ElementUI TimePicker - 12小时格式EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ElementFE/ElementUI TimePicker - 12小时格式
EN