zoukankan      html  css  js  c++  java
  • easyui filter 过滤时间段

    $.extend($.fn.datagrid.defaults.filters, {
    dateRange: {
    init: function(container, options){
    var c = $('<div style="display:inline-block"><input class="d1"><input class="d2"></div>').appendTo(container);
    c.find('.d1,.d2').datebox();
    return c;
    },
    destroy: function(target){
    $(target).find('.d1,.d2').datebox('destroy');
    },
    getValue: function(target){
    var d1 = $(target).find('.d1');
    var d2 = $(target).find('.d2');
    return d1.datebox('getValue') + ':'+d2.datebox('getValue');
    },
    setValue: function(target, value){
    var d1 = $(target).find('.d1');
    var d2 = $(target).find('.d2');
    var vv = value.split(':');
    d1.datebox('setValue', vv[0]);
    d2.datebox('setValue', vv[1]);
    },
    resize: function(target, width){
    $(target)._outerWidth(width)._outerHeight(22);
    $(target).find('.d1,.d2').datebox('resize', width/2);
    }
    }
    });

    调用方法:

    $('#dg').datagrid().datagrid('enableFilter', [{
             field:'date',
            type:'dateRange',
            options:[...]}]);

  • 相关阅读:
    zoj 2812
    按1的个数排序
    输出等腰梯形
    约瑟夫环杂题
    九度oj 题目1369:字符串的排列
    .NET CORE LOG
    .NET CORE 配置
    dotnet core 数据库
    asp.net core mvc简介
    dotnet core 项目
  • 原文地址:https://www.cnblogs.com/huangf714/p/6229248.html
Copyright © 2011-2022 走看看