jQuery MiniUI

标题: 数据绑定日期时间的显示问题 [打印本页]

作者: changwei_zhang    时间: 2015-5-21 10:40:09     标题: 数据绑定日期时间的显示问题

<div id="datagrid1" class="mini-datagrid" style="width:725px;height:250px;"
        url="../data/AjaxService.aspx?method=SearchEmployees"  idField="id"
        multiSelect="true" allowResize="true"
    >
        <div property="columns">            
            <div type="checkcolumn"></div>            
            <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>               
            <div field="gender" width="100" allowSort="true" renderer="onGenderRenderer" align="center" headerAlign="center">性别</div>            
            <div field="age" width="100" allowSort="true">年龄</div>
            <div field="birthday" width="100" allowSort="true" dateFormat="yyyy-MM-dd">出生日期</div>                                    
            <div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd HH:mm:ss" allowSort="true">创建时间</div>               
        </div>
    </div>
    <fieldset style="width:700px;border:solid 1px #aaa;margin-top:8px;position:relative;">
        <legend>员工详细信息</legend>
        <div id="editForm1" style="padding:5px;">
            <input class="mini-hidden" name="id"/>
            <table style="width:100%;">
                <tr>
                    <td style="width:80px;">员工帐号:</td>
                    <td style="width:150px;"><input id="loginname" name="loginname" class="mini-textbox" /></td>
                    <td style="width:80px;">姓名:</td>
                    <td style="width:150px;"><input id="name" name="name" class="mini-textbox" /></td>
                    <td style="width:80px;">薪资:</td>
                    <td style="width:150px;"><input name="salary" class="mini-textbox" /></td>
                </tr>
                <tr>
                    <td>性别:</td>
                    <td><input id="gender" name="gender" class="mini-combobox" data="Genders"/></td>
                    <td>年龄:</td>
                    <td><input id="age" name="age" class="mini-spinner" minValue="0" maxValue="200" value="25"  /></td>
                    <td>创建时间:</td>
                    <td><input id="createtime" name="createtime" class="mini-textbox" /></td>
                </tr>
            </table>
        </div>
    </fieldset>

通过绑定功能 创建时间这一项显示的时间为Thu May 21 09:07:35 UTC+0800 2015 ,而在列表中显示无误 2015-05-21 09:07:35 ,json返回值为日期时间对象,请问版主这种情况怎么解决,请帮忙给个还原的示例,谢谢!


作者: dforce    时间: 2015-5-21 10:50:56

符合时间的数据都会自动转换成时间
用datepicker
作者: changwei_zhang    时间: 2015-5-21 13:51:47

dforce 发表于 2015-5-21 10:50
符合时间的数据都会自动转换成时间
用datepicker

版主,我需要将日期时间字符串显示在textbox上,而不是用datepicker来显示,怎么实现呢?
作者: changwei_zhang    时间: 2015-5-21 14:05:07

changwei_zhang 发表于 2015-5-21 13:51
版主,我需要将日期时间字符串显示在textbox上,而不是用datepicker来显示,怎么实现呢? ...

谢谢,我已经查到怎么解决了。多谢!!!
作者: dforce    时间: 2015-5-21 14:22:13

changwei_zhang 发表于 2015-5-21 14:05
谢谢,我已经查到怎么解决了。多谢!!!

页面重写decode方法
mini.decode = function (json) {
         var re = /[\"\'](\d{4})-(\d{1,2})-(\d{1,2})[T](\d{1,2})\d{1,2})\d{1,2})(\.*\d*)[\"\']/g;
        json = json.replace(re, "new Date($1,$2-1,$3,$4,$5,$6)");
        return eval('(' + json + ')');
    }




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2