vant的datetimepicker插件使用

481 阅读1分钟

一、想要的样式

image.png

image.png

二、步骤

1.自定义一个div用于点击和展示

image.png

  • showPopup事件用于改变弹出层是否显示

2.弹出层

弹出层用于和日期选择插件一起使用

image.png

image.png

  • show属性控制弹出层是否显示

3.时间选择

  1. 将弹出层由单闭合标签变为双标签,将时间选择插件放进入

image.png

  1. 将选项按需求进行格式化

image.png

image.png

3.取消、选中

image.png

image.png

三、计算当前时间和过去时间的天数差

image.png

image.png