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

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

例如，现在是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();

	});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • js实现倒计时器自定义时间和暂停

    js实现倒计时器自定义时间和暂停

    js倒计时器可自定义时间和暂停,效果如下,点击start 开始计时,end结束计时 分别复制 H5 css js 代码即可实现,具体的算法在js控制函数中(都写了注释) css html,body{ width:100%;height:100%; } .content{ height:100%;width:100%; } .row-center{ display:flex;flex-direction:row;justify-content:center; align-items:center;

  • js实现页面多个日期时间倒计时效果

    js实现页面多个日期时间倒计时效果

    js的日期倒计时在日常项目中还是比较常用的,活动.拼团功能最为常见,先分析最要是处理好日期函数,然后一个页面上有多个倒计时情况下的方法: 来,先看下 拼多多 的拼单倒计时的效果: 那么,先上个代码吧: 案例效果: <style> .mytime{ line-height: 40px; width: 300px; margin: 0 auto;} </style> <div class="mytime jsTime" data-time="2019

  • js动态修改表格行colspan列跨度的方法

    本文实例讲述了js动态修改表格行colspan列跨度的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html> <html> <head> <script> function setColSpan() { var x=document.getElementById('myTable').rows[0].cells; x[0].colSpan="2"; x[1].colSpan="6"; } </sc

  • js中时间格式化的几种方法

    js中时间格式化的几种方法

    项目中时间返回值,很过时候为毫秒值,我们需要转换成 能够看懂的时间的格式: 例如: yyyy-MM-dd HH:mm:ss 2.处理方法(处理方法有多种,可以传值到前端处理,也可以后台可以好之后再传递到页面) 方法一:实体类中添加时间转换注解(注意时区问题) /** * 开始时间 */ @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone="GMT+8") private Date startTime; 方法二:

  • javascript实现的时间格式加8小时功能示例

    javascript实现的时间格式加8小时功能示例

    本文实例讲述了javascript实现的时间格式加8小时功能.分享给大家供大家参考,具体如下: 第一种方式: <script> var oldTimes1 = "2017-07-10 03:28:54" var eosFormatTime2 = function(oldTimes1) { var time1 = oldTimes1.split(' ')[0]; // console.log("1.第二种方式time1:" + time1) var arr

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

    有一个项目,需求是进入首页要显示一个月之内的历史记录,所以从前台传到后台的结束时间为当前日期,开始时间为往前一个月. 例如,现在是2018/04/17,则结束时间为2018/04/17,开始时间为2018/03/17. 将开始时间和结束时间传到后台即可.js代码如下: var end; var start; $(function(){ var myDate = new Date(); myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.get

  • 基于迁移学习的JS目标检测器构建过程详解

    目录 正文 步骤一:安装依赖 步骤二:加载预先训练的模型 步骤三:处理图像 步骤四:运行模型 步骤五:显示检测结果 最后 正文 在计算机视觉领域,目标检测是一个非常重要的任务.它可以应用于许多领域,如自动驾驶.安防.医疗等.在本文中,我们将介绍如何使用迁移学习构建一个基于JavaScript的目标检测器. 迁移学习是一种将已训练好的模型应用于新问题的方法.我们可以使用已经训练好的模型作为起点,并在新数据集上进行微调来解决新问题.这种方法可以大大减少模型的训练时间,并获得更好的性能. 在本文中,我

  • CentOS 设置默认JDK步骤详解及命令

     CentOS下设置默认JDK 最近在弄Linux,用yum源安装opnjdk-devel版本后,用命令ll /etc/alternatives/Java查看,发现指向的是jre目录,而不是jdk,在此设置指向jdk目录. CentOS下设置默认JDK 执行命令: [root@exkPicture ~]# alternatives –install /usr/bin/Java java /usr/java/jdk1.7.0/bin/java 2 注意: alternatives的语法看这里 执行

  • android中使用react-native设置应用启动页过程详解

    android中使用react-native设置应用启动页过程详解

    一.背景 在我们使用react-native进行编写代码的时候,当启动应用的时候,我们会看到如下界面 然而,这样的启动界面是非常的不又好,那么我们该怎么进行处理启动界面呢?有如下两种方案 二.方案 1.使用第三方库(react-native-splash-screen) 2.ios系统设置(仅适用ios系统,在这里不做讲解) 三.具体实现方式 一).react-native-splash-screen 1.安装 npm i react-native-splash-screen --save 2.

  • 基于nginx设置浏览器协商缓存过程详解

    这篇文章主要介绍了基于nginx设置浏览器协商缓存过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 强缓存与协商缓存的区别 强缓存:浏览器不与服务端协商直接取浏览器缓存 协商缓存:浏览器会先向服务器确认资源的有效性后才决定是从缓存中取资源还是重新获取资源 协商缓存运作原理 现在有一个这样的业务情景:后端的静态资源会不定时地发生更新,而因为浏览器默认使用强缓存,会默认从浏览器缓存中取到过时的资源. 现在我们希望浏览器每次获取资源的时候都向后

  • Nest.js快速启动API项目过程详解

    目录 快速启动 使用nest自带的命令行工具 直接使用starter项目 用npm安装所需的包 创建controller 创建service 结构和命名 HTTP请求 处理Axios对象 配置 全局添加headers API文档 快速启动 最近上了一个新项目,这个客户管理一个庞大的任务和团队集群,而不同流程所适用的系统也不太一样,比如salesforce,hubspots之类的.这次的新项目需要在另外两个平台之间做一些事情.目前只需要先封装其中之一的API,因此我们选定使用NodeJS的框架Ne

  • 破解IDEA（Goland）注册码设置 license server一直有效不过期的过程详解

    原文地址:https://blog.csdn.net/animatecat/article/details/81483174 PS:2018年9月10日 目前jar包为:JetbrainsCrack-3.1-release-enc.jar 破解的详细过程: 1.从下面地址下载一个jar包,名称是  JetbrainsCrack-2.10-release-enc.jar 下载地址是http://idea.lanyus.com/,进去之后点击这个网址 . 2.将你下载好的JetbrainsCrack

  • Node.js连接数据库实现过程详解

    目录 创建数据库 mysql 创建数据库 在前面的数据库入门中我们讲解了常用的sql语法以及实战,接下来我们来介绍一下如何在nodejs中使用数据库 在前面的文章中我们有手把手使用docker创建数据库,这里就直接沿用之前创建的数据库 首先启动docker,把之前的mysql容器运行起来 然后登入mysql客户端查看一下现有的数据库,以及user表 mysql 在前面我们已经使用mysql自带的客户端连接数据库进行一些操作, 到了node.js中我们可以用mysql这个npm包来连接mysql数

  • SpringBoot整合Druid数据源过程详解

    SpringBoot整合Druid数据源过程详解

    这篇文章主要介绍了SpringBoot整合Druid数据源过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.数据库结构 2.项目结构 3.pom.xml文件 <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-jdbc</ar

  • webpack安装配置与常见使用过程详解（结合vue）

    webpack介绍和安装 webpack:前端模块化打包工具 安装webpack需要安装Node.js,Node.js自带软件包管理工具npm 查看自己的node版本: node -v 全局安装webpack cnpm install webpack -g 查看webpack版本 webpack --version 局部安装webpack cnpm install webpack --save-dev 为什么全局安装之后还需要局部安装? 在终端直接执行webpack,使用的是全局webpack

随机推荐