跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

jQuery easyui 中使用datetimebox 取两个日期间相隔天数的方法

本文主要介绍了 jquery easyui 中使用datetimebox 取两个日期间相隔的天数,需要的朋友参考下吧,希望能帮助到大家。 功能需求如下: 1) 使用 datetimebox 日期控件, 选择开始日期 startdate, 结束日期 leavedate ,然后求两日期间相隔天数 numdays ; 2) 天数 x 补助 = 包干费用; (numdays * allowance = def11 ) 下面是效果图: 一. form 表单:开始时间,结束时间两个都使用 onChange 事件;
派遣时间: 离开客户处时间: 售后所用天数: 补助: 包干费用:
二.计算相隔天数
//计算日期方法: function onSelectT(d) { var sd = $('#startdate').datebox('getValue').replace(/-/g, '/'), ed = $('#leavedate').datebox('getValue').replace(/-/g, '/'); if (sd != '' && ed != '') { if (sd > ed) { $.messager.alert('警告','结束时间要 大于 开始时间','warning'); } else { var totalMS = new Date(ed).getTime() - new Date(sd).getTime();//得到相差的毫秒数 day = Math.ceil(totalMS / 1000 / 24 / 60 / 60);//得到相差天数,不满一天不算一天将Math.ceil改为Math.floor $("#numdays").numberbox("setValue", day); //所用天数 */ } } }
三.计算费用
$(function() { //(根据 售后天数 *补助)计算包干费用 $("input",$("#allowance").next("span")).blur(function(){//鼠标离开 '补助' 栏后,触发 var adays =$("#numdays").numberbox('getValue');//天数 var abz =$("#allowance").numberbox('getValue');//补助 var abaogan = adays * abz;//(售后天数*补助=包干费用) $("#def11").numberbox('setValue', abaogan);//包干费用 }); })
接下来是应用 (一些需要注意的细节): 基于jQuery的AJAX和JSON的实例 中文WORD版 本文档主要讲述的是基于jQuery的AJAX和JSON的实例;过jQuery内置的AJAX功能,直接访问后台获得JSON格式的数据,然后通过jQuer把数据绑定到事先设计好的html模板上,直接在页面上显示。有需要的朋友可以下载看看 下载 (1)定义全局变量 day var day = 0;//默认为 day = 0 (2)添加方法();
function addMethod() { initialise(); //调用初始化函数 onSelectT();//计算相隔时间天数 day = 0;// .form("clear");方法不能成功清除上次缓存。所以在添加方法中重新声明 day = 0,作用是第二次点击添加时,将上次的天数重置为 0 天, 替代 .form("clear"); $('#editWindow').dialog('open').dialog('center').dialog('setTitle', '添加派遣单信息'); $('#eidtform').form("clear"); $("#allowance").numberbox("setValue", 0); //补助 $("#numdays").numberbox("setValue", 0); //添加默认塞值 (所用天数) $("#def11").numberbox("setValue", 0); //包干费用 $('#editWindow').window("open"); }
相关推荐: jQuery EasyUI API 中文文档 DateTimeBox日期时间框_jquery EasyUI中的dataGrid的行内编辑实例详解 有关easyui checkbox的一些操作总结

相关文章