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

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

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

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

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封装的原生Ajax请求

Javascript封装的原生Ajax请求

由于工作需要长期使用Ajax,一个页面重复的AJAX请求太多,于是封装起来,只需要编写回调函数/* ------------- 使用方法: 1.ajaxrequest()函数执行准备的参数(1.请求地址2.发送数据字符串拼接3.type值可选get/post4.回调函数名称)   exam...

Javascript事件冒泡和捕捉

Javascript事件冒泡和捕捉

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

Javascript事件冒泡和捕捉的阻止

Javascript事件冒泡和捕捉的阻止

<!DOCTYPE html> <html> <head> <title>捕捉和冒泡</title> <meta charset="utf-8"> </head> <bo...

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

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

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

使用js让手机震动,js实现手机震动

使用js让手机震动,js实现手机震动

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

Javascript获取Mac地址

Javascript获取Mac地址

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