easy-ui的datetimebox回顯不能清除的問題
阿新 • • 發佈:2019-01-05
這種日期時間外掛很多,平時也積累了幾個好用的,但使用easyui後就使用它自帶的datetimebox,發現一個問題,在通用的查詢框中,一般都會回顯上次的查詢時間,但如果通過手動清除後再次查詢,發現近清楚不掉了,十分的坑娘,經過一番折騰後,搞定了它。
1、在你的input元素中data-options,新增“buttons:buttons”屬性,如:
<input type="text" class="easyui-datetimebox" name="timeStampStart" id="timeStampStart" value="${timeStampStart}" data-options="required:false,showSeconds:true,buttons:buttons" style="width: 150px">
2、在其前面新增一段js程式碼,如下:
這裡要說明的,如果你的頁面中有好幾個這樣的datetimebox的話,需要通過它的回撥方法,即function(target){......}中有甄別的去清除。<script> <span style="white-space:pre"> </span>var buttons=$.extend([],$.fn.datetimebox.defaults.buttons); <span style="white-space:pre"> </span>buttons.splice(3,0,{ <span style="white-space:pre"> </span>text:'清空', <span style="white-space:pre"> </span>handler:function(target){ <span style="white-space:pre"> </span>$("#"+target.id).datebox("setValue",""); <span style="white-space:pre"> </span>$("#"+target.id).datebox("hidePanel"); <span style="white-space:pre"> </span>} <span style="white-space:pre"> </span>}); <span style="white-space:pre"> </span></script>