Element中el-time-picer组件中value-format和format得区别

在 Element UI 中的 el-time-picker 组件中,value-formatformat 属性有以下区别:


  1. value-format:它用于指定时间选择器的值的格式,即选择的时间的字符串格式。当用户选择时间后,组件会根据 value-format 的值将选择的时间转换成相应的字符串格式作为组件的值。这个属性一般用于和后端交互,将时间值以特定格式发送给服务器。

  2. format:它用于指定时间选择器的显示格式,即用户在选择时间之前看到的时间输入框中的格式。该格式决定了用户在时间选择器中看到的时间表达方式,例如 "HH:mm"、"HH:mm:ss" 等。这个属性一般用于展示给用户选择时间的界面效果。

        举例来说,假如你想要将时间选择器的值格式化为 "HH:mm:ss" 的格式,并且向服务器发送的时间值格式也需要为 "HH:mm:ss",那么可以这样配置: 

<el-time-picker v-model="time" value-format="HH:mm:ss" format="HH:mm:ss"></el-time-picker>

        在这个例子中,用户在选择时间时将看到 "HH:mm:ss" 格式的时间输入框,选择的时间会以 "HH:mm:ss" 的格式存储在 time 变量中,同时也会以相同的格式发送给服务器。

总结一下

  1. value-format 是用于指定选择后的时间值的格式
  2. format 则是用于指定用户在选择时间之前看到的时间输入框的格式
  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值