需求说明:

(1)首先是input显示年月日时分格式时间,其中年月日实在本地时间基础上,加上后面联动值.小时默认08:00不变

(2)后面input内显示天数,右侧加减按钮,控制天数,天数确定后,前面的日期联动

手里还有活,话不多少,直接代码



<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<meta content="width=device-width;initial-scale=1">

<script type="text/javascript" src="./jquery-1.3.2.js"></script>

</head>

 <style type="text/css">

    .daysChange{width:20px;height:26px;display:inline-block;vertical-align:middle;margin-left:-3px;}

    .daysChange>span{width:20px;height:13px;line-height:11px;text-align:center;font-size:16px;font-weight:bold;color:blue;background:#eee;cursor:pointer;display:block;}

    .daysChange>span:hover{background:#ccc;color:darkblue;}

    </style>

<body>

    <input type="text" id="dateTime" value="">

   <input type="text" id="days" value="3天">

   <div class="daysChange">

    <span id="plus">+</span>

    <span id="minus">-</span>

   </div>

</body>

<script type="text/javascript">

     window.onload = function() {

        /* 有效期方法调用begin */

        nowDate();

          plusDate();

        minusDate();

        /* 有效期方法调用end */

      };

      /* 有效期增减 天数*/

      function nowDate(){

        var days = parseInt($("#days").val());

          var myDate = new Date();

            var d=myDate.getDate()+days;

            var m=myDate.getMonth()+1;

            var dataTime = myDate.getFullYear()+'-'+m+'-'+d+' '+'08:00';

            $("#dateTime").val(dataTime);

      }

      function plusDate(){

        $("#plus").click(function(){

          var days = parseInt($("#days").val())+1;

          if(days<100 && days>-1){

            addDate(null,days);

              $("#days").val(days+'天');

          }

        });

       }

      function minusDate(){

        $("#minus").click(function(){

          var days = parseInt($("#days").val())-1;

          if(days<100 && days>-1){

            addDate(null,days);

              $("#days").val(days+'天');

          }

        })

       }

      function addDate(date,days){

        var Dates=new Date();

          Dates.setDate(Dates.getDate()+days);

           var Month=Dates.getMonth()+1;

           var Time = Dates.getFullYear()+'-'+Month+'-'+Dates.getDate()+' '+'08:00';

           console.log(Time);

           $("#dateTime").val(Time);

      }

     </script>

</html>

搞定,收工

js修改日期的更多相关文章

  1. 万年历Calendar、js修改日期

    //万年历 Calendar cal = Calendar.getInstance(); cal.add(Calendar.DATE,-1); //改变日期,改变年份.月份类似 SimpleDateF ...

  2. js判断上传文件的大小、类型、修改日期等信息

    1.找到上传文件的前端代码,下断点,进行调试,使用jquery获得上传文件对象 2.鼠标放到文件对象fielEl上,弹出文件对象具体内容,可以看大文件对象的:上次修改时间.名字.大小.类型等信息 3. ...

  3. selenium web driver 使用JS修改input属性

    selenium获取input时候,发现type=”hidden” 的input无法修改value,经牛人指点,可以使用js修改 首先html源文件如下,设置为text .hidden.submit ...

  4. 改进：js修改iOS微信浏览器的title

    问题简介 前端入门没多久,可能连入门也不算,最近网上流行各自书籍改名,什么<前端开发,从入门到放弃>,<Android开发,从入门到改行>之类的,程序员真是个爱自嘲的群体,但我 ...

  5. js 处理日期 看着比较全，备用

    http://www.cnblogs.com/endora/archive/2012/12/06/endorahe.html js 处理日期 看着比较全,备用

  6. JS 比较日期相隔都少天&& 比较两个日期大小&&指定日期往前后推指定天数

    //这些天常接触到有关于js操作日期事 就小结了一下,希望对你有帮助 function conversionDate(a,b){ var start =a.split('-'); var end = ...

  7. AJAX部分---对比js做日期的下拉选择 和 ajax做三级联动；

    js做日期选择: 实现当前年份的前5后5年的日期选择 实现功能:年份和月份页面加载完成使用JS循环添加,天数根据月份的变化动态添加改变 扩展功能:天数可以根据闰年平年变化 <body> & ...

  8. 一个JS的日期格式化算法示例

    一个JS的日期格式化算法. 例子: <script> /** * Js日期格式化算法实例 * by www.jbxue.com */ function dateFormat(date, f ...

  9. js修改input的type属性问题

    js修改input的type属性有些限制.当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题.但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以 ...

随机推荐

  1. 题目1018：统计同成绩学生人数（hash简单应用）

    问题来源 http://ac.jobdu.com/problem.php?pid=1018 问题描述 给你n位同学的成绩,问获得某一成绩的学生有多少位. 问题分析 初见此题,有人会想到先将所有成绩存入 ...

  2. Linux基本结构

    Linux 的基本目录结构:     基本介绍:      Linux 的文件系统是采用级层式的树状目录结构,在此结构中的最上层是根目录“/”,然后再次目录下载创建其他的目录. 经典的一句话:linu ...

  3. 2019 CCPC-Wannafly Winter Camp Day1 (Div2, onsite)

    solve:4/11 补题:6/11 A 机器人 补题:zz 这是一道分类讨论的题目,有一个规律就是如果必须要从第一个区到第二个区,那么最多转区两次(1到2一次,2到1一次),然后分类讨论即可,只要细 ...

  4. django 中的聚合和分组 F查询 Q查询 事务cookies和sessions 066

    1 聚合和分组 聚合:对一些数据进行整理分析 进而得到结果(mysql中的聚合函数) 1aggregate(*args,**kwargs) : 通过对QuerySet进行计算 ,返回一个聚合值的字典. ...

  5. PIE SDK加载自定义服务数据

    1.功能简介 自定义服务数据,将符合要求的矢量数据和栅格数据集等数据以服务的方式发布,将数据存储在某服务器中,在有网络的情况下可以根据URL就可以访问,比较常见的服务数据类型的有ArcGIS Serv ...

  6. pandas数据清洗

    1.我已安装好Anavonda3.5.所以我只用打开"jupyter notebook",然后打开浏览器 然后点击右侧的“new",然后打开python3

  7. java io 模型重点讲述

    java io 模型重点讲述 bio(阻塞) 同步IO 接受请求与处理请求用同一条线程 aio 应用程序线程会向系统注册一个socket请求,以及一个回调方法,继续执行下去.socket接受区的数据监 ...

  8. Ubuntu下的RabbitMQ安装与web管理配置

    首先在Ubutnu的/etc/apt/sources.list文件中加入一行 deb http://cz.archive.ubuntu.com/ubuntu trusty main 然后执行 sudo ...

  9. 关于jsonp的学习

    电力监控的项目中用到的jsonp请求 例子: //js文件 // **.js; Param({ "YX-15582":{ID:"KWR1_PLC01",TYPE ...

  10. C 标准库 - string.h之strpbrk使用

    strpbrk Locate characters in string,Returns a pointer to the first occurrence in str1 of any of the ...