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

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

高老师8年前 (2017-07-02)H51793

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

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显示本周星期对应的日期,非固定,周一,周三,周六” 的相关文章

tmodjs模板语法

tmodjs模板语法

    TmodJS是一套完整的前端模块框架。    虽然我们PHP框架自带各种模板引擎,但是始终是后端模板引擎。例如我们在使用ThinkPHP3.2.3中如果是Ajax异步加载页面,拼接HTML真的是很头疼的一件事情。...

Javascript绑定事件和移除事件

Javascript绑定事件和移除事件

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

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

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

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

Javascript页面播放语音,Javascript语音读取页面的文字

Javascript页面播放语音,Javascript语音读取页面的文字

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type...

Javascript获取Mac地址

Javascript获取Mac地址

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>获取mac地址</title> </head&g...