需求说明:

(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. linux上的常用的进程与内存优化命令

    进程 ps命令 f 以树状结构显示 u 显示详细信息 a 显示所有进程 -A 显示所有进程 -u 用户名 是显示该用户下的进程 -l 更多进程详细信息 例子1. 以树状结构显示root用户下进程的详细 ...

  2. 2016级算法第三次上机-E.ModricWang's Polygons

    930 ModricWang's Polygons 思路 首先要想明白,哪些多边形可能是格点正多边形? 分情况考虑: 三角形不可能,因为边长为有理数的正三角形的面积为无理数,而格点三角形的面积为有理数 ...

  3. Eclipse Alt + / 快捷键失效

    需要重新设置快捷键.按快捷键ctrl+shirt+L,然后在按一下L.设置快捷键的对话框就出来了,然你将Word Completion移除,在将Content Assist 这个设置为alt+/.就可 ...

  4. 阿里云Centos下安装nginx之后外网无法访问

    centos 7.4 nginx1-14.0编译安装 curl 127.0.0.1 可以请求到 index.html curl local 可以请求到 index.html http://ip/ 无法 ...

  5. flask开发笔记

    目录 虚拟环境 Debug模式 配置文件 url传入参数 url反转 重定义向 模板 创建 jinjia2语法 模板继承 flash 加载静态文件 MySQL数据库命令 配置 更新.提交.删除 模型操 ...

  6. 限制USB延迟启动

    阻止用户从未经授权的位置安装设备驱动程序. 组策略 ...too long too see directly. what determins when a drivers i s  load. spe ...

  7. 查找Ubuntu下包的归属

    今天在制作docker时,发现我的程序有些依赖的包不太好找应该安装什么. 在centos下面,可以用命令: rpm -qf <libraryname> 在Ubuntu下面,发现一个网站基本 ...

  8. mysql语句插入前判断数据是否重复

    在mysql中插入数据有时需要判断数据插入是否重复 语句编写:insert into 表(相应字段) select 相应字段 from dual where not exists (select 相应 ...

  9. MCD的正确格式

    [[99NN/etWLLP/33qnzb/eMNf5mwlh9hUsT+FYsTIU15REWiQd99vwIyZqDUDIRtvsgCP0BXDlvHJlbDR+NPhyL50wS2ThIiEwD/ ...

  10. python在读取配置文件存入列表中,去掉回车符号

    self.receiver = map(lambda x: x.strip(), receiver_list) # 去掉list中的回车符号