添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

1-1 Element-Plus 官网

https://element-plus.gitee.io/zh-CN/component/date-picker.html#日期格式

没有说支持的格式,但是给了 Day.js 的入口

1-2 溯源 Day.js

Day.js 文档
https://day.js.org/docs/en/display/format#list-of-all-available-formats

最近用el-date-picker时间插件,没想到只能得到格式化的日期,那能不能得到 时间戳 呢?答案是肯定的,最恶心的来了,按照大多数人提供的方案得到了一个莫名其妙的字符串,看起来很奇怪。 value - format ="X" 10位 x13位,骚操作服不服。经过不懈的努力找到了最终的设定方式。你以为这就结束了么? "YYYY-MM-DD HH:mm:ss" 由于使用的是Day.js,所有年月日均为大写。否则日期DateTimePicker选择日期时会出现问题,导致无法选择的情况。 value - format 是数据绑定时(提交时的格式)使用 "YYYY-MM-DD HH:mm:ss"指定。 format 格式是输入框显示时的格式,默认 "YYYY-MM-DD HH:mm:ss" <div class="block"> <span class="demonstration">使用 value - format </span> <div class="demonstration">值:{{ value 2 }}</div> <el-date-picker v-model="va 上面是从 Element UI里面粘过来的 :default-time 作用是 限定你选择的时间范围吧 如果你选择5月1日至5月2日 默认 传回来的一个是5月1日 00:00:00 ,另一个是5月2日 00:00:00 不知道是不是我骚错了 value - format e=“ timestamp ” 加上这个属性的作用是 将返回你选择的日期的 时间戳 获取选择的 时间戳 直接 value 9 你就 加上 value - format =“ timestamp ” <el-date-picker v-model="dioData.reqDate" placeholder="网约时间" value - format =" timestamp " dateType="time"> </el-date-picker> 显然,这样用户体验十分不好,最理想的应该是用户可以选择11号,点开时间选择框`只能选择当前之后的时分秒`。 在网上找了很多方案,发现全是旧版 element UI的,好像 element PLUS把selectableRange已经去掉了,而文档中也没有明确指出限制时分秒的属性,