uni-app picker標簽應用date屬性的一些坑


測試的環境,chrome瀏覽器就不說了,還有華為mata9手機,以及安卓模擬器。。。。

使用vue進行雙向數據綁定后,在方法內清空原有value值會存在問題

 

 

 

 

 當方法清空date值時,雖然原有的數據會被清空但是再次選擇時間會出現問題,並不會定位到當前時間,回返回到最初的時間。

 

 

 

 如果將date數據改為undefined,在瀏覽器端看是好用的,但是在手機上看,仍然不行,模擬器測試的時候會在input框內顯示undefined,並且真機測試的時候根本不好用,點擊事件不工作有沒有~~~~

 

 

 

 

 官方推薦是將數值改為0,這樣設置初始默認值,但是0的效果也不是我想要的,只不過是將數據變為0了,並沒有清空啊~~~而且最重要的一點是什么呢?是在手機端,點擊輸入框是無法彈出相應的日期選擇的彈出框(紅圈部分,我也不知道為啥我大華為mata9,彈出來是這個樣子)!!!!必須要點擊數據才能彈出日期選擇框!!!!!所以設置成0有什么意義呢。畢竟0那么小。。。。點上要很費勁啊!!!!!!

 

 

 

 

 

 

至於最后如何修改,只能仁者見仁智者見智了,我是設置為當前日期(我也不想)並不將它清空(向惡勢力低頭了)。

那么最重要的一個問題來了,如果你說,哦?我想日期選擇器只選擇年,或者年月,不要日,對不起,你以為 加一個   fields="month"  就好了???,你錯了,在電腦上測試,完美。用手機模擬器測試,哇哦,也不錯,但是真機的時候就不是這樣了,根本不好用啊!!有沒有!!我設置年月,但是為毛還是年月日!!!!這就感覺很不好了。。。

 

 

 

 這個怎么辦呢,是在下才疏學淺,我的解決辦法就是!一腳踢開了picker標簽,我不用了(再次低頭),我用了picker-view這個標簽,我屈服了,這個還是不錯的,又能滾動,又酷炫,最重要的,可以自定義年月日啊啊啊啊啊啊!!!!!!順便說一下,我的真機是華為mata9,是不是手機太小眾了。。。。。

 

 好在最后手機端的效果不錯,哈哈哈哈~~~~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM