0

任何使用过 Vuejs 的 ElementUI 库的人。

我正在使用该el-time-picker组件,现在当我关注它时,它会自动将输入设置为当前小时,但我希望它保持空白,我曾尝试将其设置为默认值,null但它不起作用。

甚至还以为我有这个:

:picker-options="{ format: 'HH:mm', }"

选择器下拉菜单只显示小时和分钟,但一旦选择,输入显示小时:分钟:秒,这也会产生如果我输入小时,我必须输入秒才能让它工作,我不想要这个行为,只是为了显示 hh:mm 并能够输入它。

有什么建议么:?我试图将代码理解为尝试覆盖组件的权利。

编辑 1

时间选择器代码很简单,我只有几个选项的组件:

<el-time-picker
    v-model="row.from"
    value-format="HH:mm"
    :picker-options="{
      format: 'HH:mm',
      selectableRange: '00:00:00 - 23:59:00',
    }"
    placeholder="Desde">
</el-time-picker>
4

2 回答 2

0

的初始(默认)值row.from必须是空字符串,而不是null. 该format选项仅适用于弹出选择器,不适用于编辑框。为了实现你想要的,你必须指定step这个JSfiddle中的选项

更新

JSfiddle 已更新。

于 2018-07-13T10:35:24.913 回答
0

使用 @focus 事件更改默认值:

https://jsfiddle.net/2q8ovLah/3/

 <el-time-picker placeholder = "HH:mm:ss"
                 value-format = "HH:mm:ss"
                 v-model = "time"
                 :editable = "false"
                 :picker-options = "{selectableRange: '00:00:01 - 23:59:59'}"
                 clearable
                 @focus = "focused">
  </el-time-picker>

data() {
  return {
    time: ''
  };
},
methods: {
  focused(){
    if(this.time === '') {
        this.time = '00:01:00'
    }
  }
}
于 2021-03-25T15:58:38.777 回答