easyUI—— datagrid 日期比较天数,小时

//获取出差天数
            $(‘#ipt_begindatetime‘).datebox({
                onChange: function () {
                    var begindate = $(‘#ipt_begindatetime‘).datebox("getValue");
                    var enddate = $(‘#ipt_enddatetime‘).datebox("getValue");
                    if (begindate != "" && enddate != "") {
                        if (begindate.replace("-", "") <= enddate.replace("-", "")) {
                            var totaltime = DateDiff(enddate, begindate);
                            $(‘#ipt_egressiontotaltime‘).val(totaltime);
                        }
                        else {
                            $(‘#ipt_begindatetime‘).datebox("setValue", "");
                            $(‘#ipt_egressiontotaltime‘).val("");
                            $.messager.alert(‘提示‘, ‘开始时间不能大于开始时间‘, ‘error‘);
                        }
                    }
                }
            });

$(‘#ipt_enddatetime‘).datebox({
                onChange: function () {
                    var begindate = $(‘#ipt_begindatetime‘).datebox("getValue");
                    var enddate = $(‘#ipt_enddatetime‘).datebox("getValue");
                    if (begindate != "" && enddate != "") {
                        if (begindate.replace("-", "") <= enddate.replace("-", "")) {
                            var totaltime = DateDiff(enddate, begindate);
                            $(‘#ipt_egressiontotaltime‘).val(totaltime);
                        }
                        else {
                            $(‘#ipt_enddatetime‘).datebox("setValue", "");
                            $(‘#ipt_egressiontotaltime‘).val("");
                            $.messager.alert(‘提示‘, ‘结束时间不能小于开始时间‘, ‘error‘);
                        }
                    }
                }
            });

//计算小时差的函数,通用  
        function DateDiff(sDate1, sDate2) {    //sDate1和sDate2是2006-12-18格式  
            var aDate, oDate1, oDate2, iHours
            aDate = sDate1.split("-")
            oDate1 = new Date(aDate[1] + ‘-‘ + aDate[2] + ‘-‘ + aDate[0])    //转换为12-18-2006格式  
            aDate = sDate2.split("-")
            oDate2 = new Date(aDate[1] + ‘-‘ + aDate[2] + ‘-‘ + aDate[0])
            iHours = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60)    //把相差的毫秒数转换为小时
            return iHours
        }

//计算天数差的函数,通用  
        function DateDiff(sDate1, sDate2) {    //sDate1和sDate2是2006-12-18格式  
            var aDate, oDate1, oDate2, iDays
            aDate = sDate1.split("-")
            oDate1 = new Date(aDate[1] + ‘-‘ + aDate[2] + ‘-‘ + aDate[0])    //转换为12-18-2006格式  
            aDate = sDate2.split("-")
            oDate2 = new Date(aDate[1] + ‘-‘ + aDate[2] + ‘-‘ + aDate[0])
            iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 / 24)    //把相差的毫秒数转换为天数  
            return iDays
        }

时间: 2024-11-08 19:18:34

easyUI—— datagrid 日期比较天数,小时的相关文章

EasyUI的DataGrid日期列(datebox)正确显示json时间格式

问题描述: 前端使用EasyUI,后台使用Spring MVC, 数据库里面存储的时间格式为:2014-06-10,但是后台返回给前台页面的数据是json格式的,类似于:1402367297000的形式,日期列datebox是无法解析的.具体如下图: 自己也是EasyUI小白,网上查查资料,倒腾下总算搞出来了,这里做下记录. 一般情况下我们所需的日期格式都是:2014-02-02或者2014/09/09形式的,因此首先要考虑实现一个添加日期格式化的插件. jQuery日期格式化 在自己的js中添

easyui datagrid 中序列化后的日期格式化

1.在easyui datagrid 中序列化后的日期显示为:/Date(1433377800000)/ 2.格式化后的显示为: 2015-06-04 08:30:00 3.使用代码如下: 3.1. <script type="text/javascript"> $(function () { $("#tdList").datagrid({ url: "/Admin/Dictionary/Index", title: "数据

easyui datagrid中datetime字段的显示和增删改查问题

datagrid中datetime字段的异常显示: 使用过easyui datagrid的应该都知道,如果数据库中的字段是datetime类型,绑定在datagrid显式的时候会不正常显示,一般需要借助于formatter来格式化时间格式 { title: '活动开始时间', field: 'BeginTime', width: 300, editor: { type: 'datetimebox', options: { required: true }, formatter: function

easyui datagrid导出excel

[第十四篇]easyui datagrid导出excel <a class="btn btn-app" onclick="exportExcel()"><i class="fa fa-edit"></i>导出Excel</a> 贴下面的代码之前,我想说一下 我的数据是主外键关系,有多张表关联,所以在做数据的时候,发现很多问题,读取的时候,它会自动读取所有的数据. 当然这不能满足我导出之后的要求,我只

EasyUI DataGrid 中字段 formatter 格式化不起作用

今天用 EasyUI datagrid 来做列表,要对一些数据进行格式化,推断某字段状态时,发现 formatter 格式化相应的函数不起作用. <table id="list_data" title="未审核报表" class="easyui-datagrid" style="width: auto;height:350px;" url="" toolbar="#toolbar"

EasyUI datagrid自适应问题解决

在使用js 动态创建EasyUI datagrid时,如果设置fit为true,在显示的时候数据的高度为固定高度不能自适应 解决办法是把fit设为false. 但这样设置后又有个问题,如果把columns定义在js里面,及时宽度设置为百分百,单元格的宽度不能随着浏览器的大小而变化 解决办法是把columns定义在页面html上. 最后的代码如下: html代码 1 <table id="grid" title="考勤数据" style="width:

jquery easyUi columns日期格式化

jquery easyUi  columns日期格式化 方法一 [javascript] view plain copy print? Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, // 月 "d+": this.getDate(), // 日 "h+": this.getHours(), // 小时 "m+":

easyui datagrid 绑定从后台得到的复杂的特殊数据结构

由于项目需要,从后台得到的数据统一为了类似{state:xxx,data:xxx,message:xxx}类型 但是easyui datagrid却只认{total:xxx,rows:xxx}...所以,整个前台都报错了,报错了就要解决,解决的过程中一共试过3中方式 1,datagrid不直接指定数据源,而是单独的ajax得到数据,然后在loadData绑进去,但是这样太麻烦了,不合理,显然不适用 2,重写ajax在得到数据的时候处理一下,网上找了段大神的代码就拿来用了,但是这样写灵活性不好,只

EasyUI DataGrid 时间格式化

页面代码: <table id="tbList" style="height: 340px;" striped="true" rownumbers="true" title="" iconcls="icon-edit" nowrap="false"  checkbox="true" idfield="Id" url=&qu