通过js得到时间,并显示到jsp上
2016-12-20 15:16
369 查看
代码:
部分jsp代码:
<div id="tt" style="height:60px;border: 0px;padding-top: 5px;padding-left:5px;">
<div style="float:left;">
<input id="startdate" style="width:120px;" editable="false" class="easyui-datetimebox" data-options="formatter:ccnDateFormatter"></input>
至 <input id="enddate" style="width:120px;" editable="false" class="easyui-datetimebox" data-options="formatter:ccnDateFormatter"></input>
<a href="javascript:void(0)" style="width: 60px;height: 22px;" class="easyui-linkbutton" onclick="aaa()">统计</a>
</div>
</div>
<div id="mainDiv" style="padding:5px;width: 100%;height:auto;border: 0px;">
<iframe id="ifmainDiv" frameborder="no" style="width: 70%; height:2800px;;border:0px;" src=""></iframe></div>
</div>
部分js代码:
$(document).ready(function(){
load();
aaa();
});
function load(){
var curr_time = new Date();
var today;
var yesterday;
var y = curr_time.getFullYear();
var m = curr_time.getMonth()+1;
var d = curr_time.getDate();
var h=curr_time.getHours()+1;
// var f=date.getMinutes();
// var s=date.getSeconds();
today=y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d)+' '+(h<10?('0'+h):h);
var uom=new Date();;
uom.setDate(uom.getDate()-1);
var yy = uom.getFullYear();
var mm = uom.getMonth()+1;
var dd = uom.getDate();
var hh = uom.getHours();
yesterday=yy+'-'+(mm<10?('0'+mm):mm)+'-'+(dd<10?('0'+dd):dd)+' '+(hh<10?('0'+hh):hh);
$('#startdate').datetimebox('setValue',yesterday);
$('#enddate').datetimebox('setValue',today);
}
function aaa(){
var stime = $('#startdate').datetimebox('getValue');
var etime = $('#enddate').datetimebox('getValue');
var src = path+ '/yuqing/yuqing2?stime='+stime+"&etime="+etime;
showProcess(true, '温馨提示', '正在请求数据...');
$("#ifmainDiv").attr('src', src);
// $.ajax({
// type : "POST",
// url : path + '/yuqing/yuqing2',
// data : {
// stime: stime,
// etiem: etiem,
// },
// dataType : "html",
// success : function(data) {
//// $('#tt').remove();
// $('#mainDiv').html(data);
// }
// });
$("#ifmainDiv").load(function(){
showProcess(false, '温馨提示', '正在请求数据...');
});
}
function ccnDateFormatter(date){
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
var h=date.getHours();
// var f=date.getMinutes();
// var s=date.getSeconds();
return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d)+' '+(h<10?('0'+h):h);
}
function ccnDateParser(s){
if (!s) return new Date();
var ss = (s.split('-'));
var y = parseInt(ss[0],10);
var m = parseInt(ss[1],10);
var d = parseInt(ss[2],10);
if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
return new Date(y,m-1,d);
} else {
return new Date();
}
}
// function checknewsg(id){
// var uriname =path + '/ywzbindexmore/findbynewid?id='+id;
//
// window.location.href=(uriname);
// }
function showProcess(isShow, title, msg) {
if (!isShow) {
$.messager.progress('close');
return;
}
var win = $.messager.progress({
title: title,
msg: msg,
text:'请等待...'
});
}
部分jsp代码:
<div id="tt" style="height:60px;border: 0px;padding-top: 5px;padding-left:5px;">
<div style="float:left;">
<input id="startdate" style="width:120px;" editable="false" class="easyui-datetimebox" data-options="formatter:ccnDateFormatter"></input>
至 <input id="enddate" style="width:120px;" editable="false" class="easyui-datetimebox" data-options="formatter:ccnDateFormatter"></input>
<a href="javascript:void(0)" style="width: 60px;height: 22px;" class="easyui-linkbutton" onclick="aaa()">统计</a>
</div>
</div>
<div id="mainDiv" style="padding:5px;width: 100%;height:auto;border: 0px;">
<iframe id="ifmainDiv" frameborder="no" style="width: 70%; height:2800px;;border:0px;" src=""></iframe></div>
</div>
部分js代码:
$(document).ready(function(){
load();
aaa();
});
function load(){
var curr_time = new Date();
var today;
var yesterday;
var y = curr_time.getFullYear();
var m = curr_time.getMonth()+1;
var d = curr_time.getDate();
var h=curr_time.getHours()+1;
// var f=date.getMinutes();
// var s=date.getSeconds();
today=y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d)+' '+(h<10?('0'+h):h);
var uom=new Date();;
uom.setDate(uom.getDate()-1);
var yy = uom.getFullYear();
var mm = uom.getMonth()+1;
var dd = uom.getDate();
var hh = uom.getHours();
yesterday=yy+'-'+(mm<10?('0'+mm):mm)+'-'+(dd<10?('0'+dd):dd)+' '+(hh<10?('0'+hh):hh);
$('#startdate').datetimebox('setValue',yesterday);
$('#enddate').datetimebox('setValue',today);
}
function aaa(){
var stime = $('#startdate').datetimebox('getValue');
var etime = $('#enddate').datetimebox('getValue');
var src = path+ '/yuqing/yuqing2?stime='+stime+"&etime="+etime;
showProcess(true, '温馨提示', '正在请求数据...');
$("#ifmainDiv").attr('src', src);
// $.ajax({
// type : "POST",
// url : path + '/yuqing/yuqing2',
// data : {
// stime: stime,
// etiem: etiem,
// },
// dataType : "html",
// success : function(data) {
//// $('#tt').remove();
// $('#mainDiv').html(data);
// }
// });
$("#ifmainDiv").load(function(){
showProcess(false, '温馨提示', '正在请求数据...');
});
}
function ccnDateFormatter(date){
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
var h=date.getHours();
// var f=date.getMinutes();
// var s=date.getSeconds();
return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d)+' '+(h<10?('0'+h):h);
}
function ccnDateParser(s){
if (!s) return new Date();
var ss = (s.split('-'));
var y = parseInt(ss[0],10);
var m = parseInt(ss[1],10);
var d = parseInt(ss[2],10);
if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
return new Date(y,m-1,d);
} else {
return new Date();
}
}
// function checknewsg(id){
// var uriname =path + '/ywzbindexmore/findbynewid?id='+id;
//
// window.location.href=(uriname);
// }
function showProcess(isShow, title, msg) {
if (!isShow) {
$.messager.progress('close');
return;
}
var win = $.messager.progress({
title: title,
msg: msg,
text:'请等待...'
});
}
相关文章推荐
- 通过js得到时间,并显示到jsp上
- 在JSP页面中通过JS动态显示时间程序
- jsp页面通过js将时间格式化并赋初始值
- JS(截取字符串,显示当前系统时间yyyy-MM-dd,从文本框得到的数值计算)
- SpringMVC 通过Controller返回到jsp页面后,页面能显示,但js,css图片等加载不出来
- 通过js实现时间,日期等的显示
- jsp页面显示现在时间(因js在本地运行,所以获取的是本地时间,非服务器时间)
- js通过定时器去显示当前时间及停止
- javascript jsp页面动态显示系统时间 测试可用 多浏览器通过测试 (1)
- JS(截取字符串,显示当前系统时间yyyy-MM-dd,从文本框得到的数值计算)
- 在JSP页面里,时间控件的JS位置在下面然后就显示不出来
- 在jsp页面上写js函数自动显示系统时间
- js通过cookie控制显示时间
- jsp页面利用JS做即时时间显示
- 后台得到时间戳到jsp中转换为日期显示
- 利用js在jsp页面显示日期时间
- jsp页面利用js动态显示当前系统时间
- javascript jsp页面动态显示系统时间 测试可用 多浏览器通过测试 (2)
- JS(截取字符串,显示当前系统时间yyyy-MM-dd,从文本框得到的数值计算)
- 通过js实现得到焦点时文本框清空,失去焦点时又显示默认文字,值发生改变时不再恢复默认文字?