***狀況***
之前有一篇介紹了 jQuery UI 的 DatePicker => 看這裡
然而最近在測試時發現一個問題，因為網頁會記住並提示之前曾經送出的內容...
所以就發生了日曆被提示文字擋住的狀況!! 像這樣 ↓↓↓
以前都沒有遇到過，應該是有好心人士先解決了吧 XD
***解決方法***
解法其實很簡單，只要把 自動完成功能(autocomplete) 關掉即可
1. 在Html設置屬性 autocomplete = "off"
(設置false沒有用哦~)
<input type="text" id="BirthDay" name="Birthday" class="datepicker" autocomplete = "off" />
2. 或是用JavaScript執行
(設置false一樣沒有用~)
document.getElementById('BirthDay').autocomplete = "off";
3. jQuery的話，看到上面HTML的寫法就知道，要用attr method 設置屬性~
$('#BirthDay').attr('autocomplete',"off");
4. 最後是 jQuery UI 的寫法
(唯一可以用false的QQ)
$('#BirthDay').autocomplete(false);
也有看到設置z-index的說法，但以這個狀況修改z-index沒有起到效果。
如果有其他方法，也歡迎大家提供~~~
資料來源 :
文章標籤
全站熱搜
留言列表
{{ article.title }}