jquery easyUI 中的datagrid怎么显示日期格式的数据

datagrid的用法，大概是这样的：

它的一个url属性，指向了一个文件或者是一个地址。

这个地址或者文件当中就是你的数据，这里使用json格式保存数据，

而且在格式上有一定的要求，比如：

{"total":28,"rows":[{XXXXX},{XXXXX},{XXXXX},{XXXXX}]}

使用total表示datagrid的总数,而它的数据则记录在rows里面，

"rows":[]

表示一个数组，里面会有N条记录，

其中每一条记录可以为{"uname","AAA","age":20}类似这样的形式，其实就是字段名和字段值。

easyui里面的例子，很容易看懂，去看看吧··

var node = $('input[name="createTime"]');

nodedatebox({

    onShowPanel : function() {// 显示日期选择对象后再触发d出月份层的事件，初始化时没有生成月份层

        spantrigger('click');// 触发click事件d出月份层

        setTimeout(function() {// 延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔

            var tableTd = pfind('divcalendar-menu-month-inner td');

            tableTdon("click",function (e) {

                estopPropagation();// 禁止冒泡执行easyui给月份绑定的事件

                var event = etarget,//当前被点击的月

                y=/\d{4}/exec(spanhtml())[0],//年份

                m=parseInt($(event)attr("abbr"));//月份

                if(m<10)  m="0"+m;

                nodedatebox('hidePanel');// 隐藏日期对象

                nodedatebox('setValue', y + '-' + m);// 设置日期的值

            });

        }, 0);

    },

    formatter:function (date) {//格式化日期

        var y = dategetFullYear(),

            m = dategetMonth()+1;

        if(m<10) m = "0"+m;

        return y+"-"+m;

    },

    parser:function (s) {//解析一个日期字符串

        var t = Dateparse(s);

        return !isNaN(t) new Date(t) : new Date();

    }

});

var p = nodedatebox('panel');// 日期选择对象

var span = pfind('divcalendar-title span');// 显示月份层的触发控件

经实测，有的是可以用的。比如下拉框，日期框，输入框。

123<asp:DropDownList ID="DropDownList1" runat="server" CssClass="easyui-combobox" Width="120px"></asp:DropDownList><asp:TextBox ID="data" runat="server" CssClass="easyui-datetimebox"></asp:TextBox>

asp下拉框控件，后台绑定数据。前台再用EasyUi的样式。

最终展示的是EasyUi的，数据显示正常，而且后台可以直接获取值。

有的可以用，有的不能用，这些都是要经过实际测试。EasyUi里，一般用input，select初始化的控件，asp控件都是可以用的。

以上就是关于jquery easyUI 中的datagrid怎么显示日期格式的数据全部的内容，包括:jquery easyUI 中的datagrid怎么显示日期格式的数据、easyui默认时间插件修改为只显示　年月、用EasyUI怎么做这种样式的日期控件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！