測試的環境,chrome瀏覽器就不說了,還有華為mata9手機,以及安卓模擬器。。。。
使用vue進行雙向數據綁定后,在方法內清空原有value值會存在問題
當方法清空date值時,雖然原有的數據會被清空但是再次選擇時間會出現問題,並不會定位到當前時間,回返回到最初的時間。
如果將date數據改為undefined,在瀏覽器端看是好用的,但是在手機上看,仍然不行,模擬器測試的時候會在input框內顯示undefined,並且真機測試的時候根本不好用,點擊事件不工作有沒有~~~~
官方推薦是將數值改為0,這樣設置初始默認值,但是0的效果也不是我想要的,只不過是將數據變為0了,並沒有清空啊~~~而且最重要的一點是什么呢?是在手機端,點擊輸入框是無法彈出相應的日期選擇的彈出框(紅圈部分,我也不知道為啥我大華為mata9,彈出來是這個樣子)!!!!必須要點擊數據才能彈出日期選擇框!!!!!所以設置成0有什么意義呢。畢竟0那么小。。。。點上要很費勁啊!!!!!!
至於最后如何修改,只能仁者見仁智者見智了,我是設置為當前日期(我也不想)並不將它清空(向惡勢力低頭了)。
那么最重要的一個問題來了,如果你說,哦?我想日期選擇器只選擇年,或者年月,不要日,對不起,你以為 加一個 fields="month" 就好了???,你錯了,在電腦上測試,完美。用手機模擬器測試,哇哦,也不錯,但是真機的時候就不是這樣了,根本不好用啊!!有沒有!!我設置年月,但是為毛還是年月日!!!!這就感覺很不好了。。。
這個怎么辦呢,是在下才疏學淺,我的解決辦法就是!一腳踢開了picker標簽,我不用了(再次低頭),我用了picker-view這個標簽,我屈服了,這個還是不錯的,又能滾動,又酷炫,最重要的,可以自定義年月日啊啊啊啊啊啊!!!!!!順便說一下,我的真機是華為mata9,是不是手機太小眾了。。。。。
好在最后手機端的效果不錯,哈哈哈哈~~~~