Easyui filter time range

1 $. Extend ($. FN. DataGrid. defaults. Filters ,{
2 daterange :{
3 init: function (container, options ){
4 var c = $ ('<Div style = "display: inline-block "> <input class =" d1 "> <input class =" D2 "> </div> '). appendto (container );
5 C. Find ('. D1,. D2'). datebox ();
6 return c;
7 },
8 destroy: function (target ){
9 $ (target). Find ('. D1,. D2'). datebox ('deststroy ');
10 },
11 getvalue: function (target ){
12 var d1 = $ (target). Find ('. D1 ');
13 var D2 = $ (target). Find ('. D2 ');
14 return d1.datebox ('getvalue') + ':' + d2.datebox ('getvalue ');
15 },
16 setvalue: function (target, value ){
17 var d1 = $ (target). Find ('. D1 ');
18 var D2 = $ (target). Find ('. D2 ');
19 var VV = value. Split (':');
20 d1.datebox ('setvalue', VV [0]);
21 d2.datebox ('setvalue', VV [1]);
22 },
23 resize: function (target, width ){
24 $ (target). _ outerwidth (width). _ outerheight (22 );
25 $ (target). Find ('. D1,. D2'). datebox ('resize', width/2 );
26}
27}
28 });

Ah

 

1 $ ('# DG'). DataGrid (). DataGrid ('enablesfilter ',[{
2 field: 'date ',
3 type: 'daterange ',
4 op: [...]}]);