使用 laydate时间控件计算2个时间日期的天数
来源:互联网 发布:淘宝运营员是做什么的 编辑:程序博客网 时间:2024/05/29 15:10
laydate控件的网址 http://www.layui.com/laydate/
**首先得引入laydate的js**
在 $(document).ready(function() {
laydate({
istime: true,
format: 'YYYY-MM-DD hh:mm:ss',
elem: '#srt1', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus' ,//响应事件。如果没有传入event,则按照默认的click
choose: function(){ //选择日期完毕的回调
hh();
}
});
laydate({
istime: true,
format: 'YYYY-MM-DD hh:mm:ss',
elem: '#str2', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus', //响应事件。如果没有传入event,则按照默认的click
choose: function(){ //选择日期完毕的回调
hh();
}
});
});
html部分
<input id="str1" name="str1" type="text" style="width:180px" maxlength="20" class="laydate-icon form-control layer-date required"
value="<fmt:formatDate value="${leaveInput.qjrqstart}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
<span style="margin-left:5px;margin-right:5px;">至</span>
<input id="str2" name="str2" type="text" maxlength="20" style="width:180px" class="laydate-icon form-control layer-date required"
value="<fmt:formatDate value="${leaveInput.qjrqend}" pattern="yyyy-MM-dd HH:mm:ss"/>" />
<span style="margin-left:30px;">共</span>
<form:input path="str3" htmlEscape="false" style="width:55px" maxlength="10" class="form-control required"/>
<span style="margin-left:5px;">天</span>
js计算时间部门
function hh(){
//alert(123);
var kaishi=document.getElementById("str1").value;
var jieshu=document.getElementById("str2").value;
if((kaishi!=="")&&(jieshu!=="")){
var date1 = new Date(kaishi)
var date2 = new Date(jieshu)
var s1 = date1.getTime(),s2 = date2.getTime();
var total = (s2 - s1)/1000;
var day = parseInt(total / (24*60*60));//计算整数天数
var afterDay =( total - day*24*60*60)/60/60;//取得算出天数后剩余的小时
if(afterDay<5 && afterDay>0 ){
var days=day+0.5;
document.getElementById("str3").value=days;
}else if(afterDay==0){
document.getElementById("str3").value=day;
}
else {
var days=day+1;
document.getElementById("str3").value=days;
}
} else{
return;
}
}
主要是laydate的choose: function(){ //选择日期完毕的回调
hh();} 回调计算时间的方法。在input文本框中用onchange事件也可以,但是与laydate控件冲突,所以,就用了laydate的一个属性。
- 使用 laydate时间控件计算2个时间日期的天数
- joda.time 处理时间--计算2个日期之间的天数
- JS时间控件-laydate
- laydate时间控件
- 时间控件 laydate
- java计算2个时间相差的天数
- mssql 计算 时间 日期 相差 天数 时间
- 日期控件使用 laydate
- 输入两个日期,使用Calendar来表示时间,并计算两个日期之间相隔的天数
- 使用layui日期控件laydate对开始和结束时间进行联动控制
- js 计算2个日期的天数
- javascript中计算两个时间日期间隔的天数
- php计算两个日期的相差天数,处理时间间隔
- LayDate 时间选择插件的使用介绍
- LayDate 时间选择插件的使用介绍
- jquery时间选择控件-laydate
- 日期、时间控件的使用
- 时间日期控件的使用
- hadoop HDFS 文件系统
- 眼底视网膜血管增强方法(四)Frangi滤波
- 基数排序,桶排序
- 复制转发CSDN博客快捷方法
- PHP命名空间
- 使用 laydate时间控件计算2个时间日期的天数
- 浅谈linux管道
- 51Nod 1066 Bash游戏
- Android中TextView内容过长加省略号,设置超出6个字就用省略号表示
- Javascript的事件
- error: undefined reference to '__gxx_personality_v0'
- jQuery小记(一)
- 阅读ISE 复习linux多线程开发时需使用的锁
- 实时监听输入框值变化:oninput & onpropertychange