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

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

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

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

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

阻止表单提交刷新页面

阻止表单提交刷新页面

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

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>  ...

 js对象冒充实现继承

js对象冒充实现继承

//构造函数 function Box(name,age){ this.name=name; this.age=age; this.run=function(){ return this.name+'--'+this.age; } } var&nbs...

rem布局原理,rem自适应布局,rem布局快速方案

rem布局原理,rem自适应布局,rem布局快速方案

rem原理和简介(1).字体单位单位的值是根据html根元素大小而定,同样可以作为宽度高度单位(2).适配原理将px替换为rem,动态修改html的font-size适配(3).单位1rem=16px,why? F12中1rem在computed中font-size属性中会显示为font-size:...