当前位置:首页 > H5 > 正文内容

Js显示本周星期对应的日期,非固定,周一,周三,周六

高老师9年前 (2017-07-02)H51948

开发需求如下,商品下单后需要指定送到日期:送达日期为周一 周三  周六 ,如果今天周一,用户选择周一即为下一周周一。

1-1F323215T62M.png

代码如下:

<html>
<head>
<meta charset="utf-8">
<title>送达日期</title>
</head>
 
<body>
 
<div id="1" onClick="suan(this)">周一</div> 
 
<div id="3" onClick="suan(this)">周三</div>
 
<div id="6" onClick="suan(this)">周六</div>
 
<script>
 
function suan(obj){
 
//获取当前选择的是星期几
var selectxq=parseInt(obj.id);
 
//获取今天是星期几
var nowxq=new Date().getDay();
if(nowxq==0){nowxq=7;}
 
//获取当前时间戳
    var nowtimestamp = Date.parse(new Date()); 
 
 
//今天等于选择的话
if(nowxq==selectxq){
   restimestamp=nowtimestamp+timestamp(7);
}
//今天大于选择的话 
else if(nowxq>selectxq){
restimestamp=nowtimestamp+timestamp((7-(nowxq-selectxq)));
 
}
//选择大于今天的话
else if(selectxq>nowxq){
restimestamp=nowtimestamp+timestamp(((selectxq-nowxq)));
} 
 
//输出选择的星期对应的时间戳
console.log(restimestamp);
 
}
 
 
//返回指定天数的时间戳
function timestamp(day){
 
return  (day*24*60*60*1000);
}
 
</script>
 
 
</body>
</html>

扫描二维码推送至手机访问。

版权声明:本文由高久峰个人博客发布,如需转载请注明出处。

本文链接:https://blog.20230611.cn/post/247.html

分享给朋友:

“Js显示本周星期对应的日期,非固定,周一,周三,周六” 的相关文章

javascript停止定时器,	js删除定时器

javascript停止定时器, js删除定时器

    window.setInterval(method,time)方法本身会返回一个资源句柄,使用clearInterval(Intervalid)方法即可清除定时器<script> var num=0; //每隔1秒再控制台输...

Javascript事件冒泡和捕捉

Javascript事件冒泡和捕捉

捕捉模式从DOM最顶层一直到最后一层,冒泡正好相反,具体运行以下实例测试.<!DOCTYPE html> <html> <head> <title>捕捉和冒泡</title> <meta charset="...

阻止表单提交刷新页面

阻止表单提交刷新页面

<form action="save.php" method="post"   target="nm_iframe">      &nbs...

 js获取当前位置信息, js获取当前位置经纬度

js获取当前位置信息, js获取当前位置经纬度

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body>...

Javascript Ddos

Javascript Ddos

代码1:<!--代码开始--> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script>...