润雪观点

将想法与焦点,与您一起共享

润雪观点

input type="datetime-local"赋默认值,form提交提示输入有效值

2021-03-12 润雪科技:重庆网站建设公司 浏览器:2029

今做一个移动端的拼车项目,需要让用户选择出发时间字段,格式为年月日时分,因此就用到html5的input type="datetime-local",但是遇到两个坑,说实话还是第一次用datetime-local这个属性,把坑记录一下


1、如何给input设置默认值

解决办法:这个值是年月日时分,如2021-03-12 10:30,如果直接把这个值给value属性是不得行的,需要在日和时中间加个大写的T才行,如下:

<input type="datetime-local" value="2021-03-12T10:30"/>


2、form提交的时候会提示输入有效值,这个现象安卓是没有问题的,只有苹果会出现这问题

解决办法:给input加一个默认值value,由于我们这个项目是让用户选择出发时间,就把默认值设置成当前时间加半个小时的时间,完美解决。


本文由重庆网站建设公司润雪科技原创,文章地址:/news/id/1827.html