今做一个移动端的拼车项目,需要让用户选择出发时间字段,格式为年月日时分,因此就用到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,由于我们这个项目是让用户选择出发时间,就把默认值设置成当前时间加半个小时的时间,完美解决。