How to make custom filter for data in the grid

[wel]

I am just displaying the grid a standard way but I need to create custom filter like list data between two months only or two weeks . I know how to do that in PHP but how to filter the data displayed in the grid ?

Also is there UI tool I can use for this filter ?

[jarry]

This is the simple code that shows how to extend a filter component.

Code:

$.extend($.fn.datagrid.defaults.filters, {
    myfilter: {
        init: function(container, options){
            var cc = $('<span></span>').appendTo(container);
            //...
            return cc;
        },
        getValue: function(target){
            //return $(target).html();
        },
        setValue: function(target, value){
            //$(target).html(value);
        },
        resize: function(target, width){
            $(target)._outerWidth(width)._outerHeight(22);
        }
    }
})

[wel]

any documentation to read more about this code ?