1. 程式人生 > >easy-ui的datetimebox回顯不能清除的問題

easy-ui的datetimebox回顯不能清除的問題

這種日期時間外掛很多,平時也積累了幾個好用的,但使用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程式碼,如下:

<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>
這裡要說明的,如果你的頁面中有好幾個這樣的datetimebox的話,需要通過它的回撥方法,即function(target){......}中有甄別的去清除。