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

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

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

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

1-1F323215T62M.png

代码如下:

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

tmodjs模板语法

tmodjs模板语法

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

 js 工厂模式示例,js工厂模式原理

js 工厂模式示例,js工厂模式原理

查看文章前你需要了解以下2点://1.this指向的是windows对象,通过console.log(this)可以查看到对象包含所有的方法和属性//2.全局变量属于this对象的属性通过console.log(this)可以查看到对象包含我们设置的全局变量我们经常在创建相同结构的Js对象会重复的设...

js 点击复制,js实现手机端点击复制,js实现点击复制,js点击复制到剪贴板

js 点击复制,js实现手机端点击复制,js实现点击复制,js点击复制到剪贴板

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>点击复制</title> </head>...

js生成二维码,JavaScript 生成二维码

js生成二维码,JavaScript 生成二维码

js生成二维码(1).下载二维码类库https://github.com/davidshimjs/qrcodejs(2).引入类库<script type="text/javascript" src="//static.runoob.com/a...

uniapp、vue中data数组更新后页面不同步动态渲染更新,vue、uniapp data数组动态刷新

uniapp、vue中data数组更新后页面不同步动态渲染更新,vue、uniapp data数组动态刷新

在data中有个数组变量list,我们对某个元素进行修改后页面的三元运算符依然不生效,打印值的确是修改后的值,这是由于 Vue 不能检测数组某个索引值的变动。vue提供了vm.$set( target, propertyName/index, value )方法来修改。在uniapp中调用:that...