js设置默认时间跨度过程详解


Posted in Javascript onJuly 17, 2019

有一个项目,需求是进入首页要显示一个月之内的历史记录,所以从前台传到后台的结束时间为当前日期,开始时间为往前一个月。

例如,现在是2018/04/17,则结束时间为2018/04/17,开始时间为2018/03/17.

将开始时间和结束时间传到后台即可。js代码如下:

var end;
	var start;
	$(function(){
		var myDate = new Date();
		myDate.getFullYear();  //获取完整的年份(4位,1970-????)
		myDate.getMonth();   //获取当前月份(0-11,0代表1月)
		myDate.getDate();    //获取当前日(1-31)
		myDate.getDay();    //获取当前星期X(0-6,0代表星期天)
		myDate.getTime();    //获取当前时间(从1970.1.1开始的毫秒数)
		myDate.getHours();   //获取当前小时数(0-23)
		myDate.getMinutes();  //获取当前分钟数(0-59)
		myDate.getSeconds();  //获取当前秒数(0-59)
		myDate.getMilliseconds();  //获取当前毫秒数(0-999)
		
		//月
		var s;
		if(myDate.getMonth()<9){
			s="0"+(myDate.getMonth()+1);
		}
		if(myDate.getMonth() >=9){
			s=(myDate.getMonth() + 1);
		}
		
		var ss;
		if(myDate.getMonth()<10){
			ss="0"+(myDate.getMonth());
		}
		if(myDate.getMonth()>=10){
			ss=(myDate.getMonth());
		}
		
		//日
		var c;
		if(myDate.getDate()<10){
			c="0"+myDate.getDate();
		}else if(myDate.getDate()>=10){
			c=myDate.getDate();
		}
		
		end=myDate.getFullYear()+"-"+s+"-"+c;
		$("#endTime").val(end);
		
		if(s=="01"){
			ss="12";
			start=(myDate.getFullYear()-1)+"-"+ss+"-"+c;
		}else{
			if(c>28){
				if(ss=="02"){
					if((myDate.getFullYear()%4==0 && myDate.getFullYear()%100!=0)||(myDate.getFullYear()%100==0 && myDate.getFullYear()%400==0)){
						c=29;
					}else{
						c=28;
					}
					
				}
				if(ss=="04"||ss=="06"||ss=="09"||ss=="11"){
					c=30;
				}
			}
			start=myDate.getFullYear()+"-"+ss+"-"+c;
		}
		
		$("#startTime").val(start);
		
		getData();
		
	});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript URL锚点取值方法
Feb 25 Javascript
解决表单中第一个非隐藏的元素获得焦点的一个方案
Oct 26 Javascript
ko knockoutjs动态属性绑定技巧应用
Nov 14 Javascript
js调用后台servlet方法实例
Jun 09 Javascript
jquery获取iframe中的dom对象(两种方法)
Jul 02 Javascript
javascript复制粘贴与clipboardData的使用
Oct 16 Javascript
JS之获取样式的简单实现方法(推荐)
Sep 13 Javascript
bootstrap datetimepicker实现秒钟选择下拉框
Jan 05 Javascript
详解vue中axios的使用与封装
Mar 20 Javascript
layer弹出层自适应高度,垂直水平居中的实现
Sep 16 Javascript
Node.js开发之套接字(socket)编程入门示例
Nov 05 Javascript
vue3.0 上手体验
Sep 21 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 #Javascript
初试vue-cli使用HBuilderx打包app的坑
Jul 17 #Javascript
移动端吸顶fixbar的解决方案详解
Jul 17 #Javascript
基于webpack4+vue-cli3项目实现换肤功能
Jul 17 #Javascript
js getBoundingClientRect使用方法详解
Jul 17 #Javascript
深入了解Hybrid App技术的相关知识
Jul 17 #Javascript
Vue发布项目实例讲解
Jul 17 #Javascript
You might like
《神奇女侠:血脉》神力女超人大战犯罪公司
2020/04/09 欧美动漫
PHP下对数组进行排序的函数
2010/08/08 PHP
yii权限控制的方法(三种方法)
2015/12/28 PHP
为指定元素增加样式的js代码
2009/12/09 Javascript
使用js获取QueryString的方法小结
2010/02/28 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
通过$(this)使用jQuery包装后的方法或属性
2014/05/18 Javascript
window.location的重写及判断location是否被重写
2014/09/04 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
2015/02/26 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
2015/04/15 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
2016/01/29 Javascript
js实现贪吃蛇小游戏(容易理解)
2017/01/22 Javascript
vue轮播图插件vue-concise-slider的使用
2018/03/13 Javascript
Koa2 之文件上传下载的示例代码
2018/03/29 Javascript
JS实现可视化音频效果的实例代码
2020/01/16 Javascript
vue缓存之keep-alive的理解和应用详解
2020/11/02 Javascript
Python抓取京东图书评论数据
2014/08/31 Python
Python使用CMD模块更优雅的运行脚本
2015/05/11 Python
Python实现简单截取中文字符串的方法
2015/06/15 Python
python实现彩色图转换成灰度图
2019/01/15 Python
Python with用法:自动关闭文件进程
2019/07/10 Python
python使用turtle库绘制奥运五环
2020/02/24 Python
Python自带的IDE在哪里
2020/07/01 Python
Django利用elasticsearch(搜索引擎)实现搜索功能
2020/11/26 Python
python中xlutils库用法浅析
2020/12/29 Python
如何用H5实现一个触屏版的轮播器的实例
2017/01/09 HTML / CSS
基于HTML5陀螺仪实现ofo首页眼睛移动效果的示例
2017/07/31 HTML / CSS
Html5导航栏吸顶方案原理与对比实现
2020/06/10 HTML / CSS
美国在线宠物商店:Chewy
2019/01/12 全球购物
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
给学校的建议书
2014/03/12 职场文书
安全环保标语
2014/06/09 职场文书
领导干部群众路线个人对照检查材料思想汇报
2014/09/30 职场文书
2014年机关后勤工作总结
2014/12/16 职场文书
详解前端任务构建利器Gulp.js使用指南
2021/04/30 Javascript
如何利用Matlab制作一款真正的拼图小游戏
2021/05/11 Python