今做一個移動端的拼車項目,需要讓用戶選擇出發(fā)時間字段,格式為年月日時分,因此就用到html5的input type="datetime-local",但是遇到兩個坑,說實話還是第一次用datetime-local這個屬性,把坑記錄一下
1、如何給input設(shè)置默認(rèn)值
解決辦法:這個值是年月日時分,如2021-03-12 10:30,如果直接把這個值給value屬性是不得行的,需要在日和時中間加個大寫的T才行,如下:
<input type="datetime-local" value="2021-03-12T10:30"/>
2、form提交的時候會提示輸入有效值,這個現(xiàn)象安卓是沒有問題的,只有蘋果會出現(xiàn)這問題
解決辦法:給input加一個默認(rèn)值value,由于我們這個項目是讓用戶選擇出發(fā)時間,就把默認(rèn)值設(shè)置成當(dāng)前時間加半個小時的時間,完美解決。