JavaScript的当前时间设置及Date的运算

最新推荐文章于 2024-07-24 11:13:53 发布
最新推荐文章于 2024-07-24 11:13:53 发布
阅读量628 收藏 3
点赞数 19
分类专栏： 云部署与开发 文章标签： 前端 javascript 日期处理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunbeacher/article/details/139272459
版权

作者：私语茶馆

 1.场景描述

        如下图，在HTML刚加载时，需要将开始时间设置为默认当前时间，结束时间设置为当前时间后7天的时间。手工填写时间时，时间段不超过30天。

        这里涉及到两个技术点：

       1）Input Date的当前时间设置

        2）date的运算

由于是动态修改HTML，所以采用的是JavaScript动态修改页面。

2.Input Date设置为当前时间

          将InputDate设置为当前时间有以下几步：

1）编写JavaScript脚本，设置日期

2）HTML中Body的onload event事件关联事件修改脚本

2.1.设置Input Date为当前时间

        HTML文件：开发一个input，将id设置为：startDate，方便后面JS动态修改，同时在Body对象中添加onload事件，这样页面一加载就可以填写默认值。

<body onload="checkDateFilter()">
  <div style="bac
最低0.47元/天 解锁文章
私语茶馆
关注
  • 19
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript日期与时间处理
吃不胖.
08-26 166
在本文中，我们深入研究了JavaScript中日期和时间的处理方法，包括Date对象的创建和使用、日期和时间的表示格式、日期和时间的运算和比较，以及时区和夏令时的处理。除了时区，我们在处理日期和时间时还需要考虑夏令时的影响。比如，在美国，夏令时的开始和结束时间是由规定的，我们需要在程序中指定相应的规则来处理夏令时的影响。在JavaScript中，日期和时间的表示格式有很多种，我们可以使用不同的方法来格式化日期和时间的输出。需要注意的是，在做日期和时间的运算和比较时，我们需要考虑到时区和夏令时的影响。
JS日期和时间
weixin_30713953的博客
03-02 246
年月日 星期<HTML><HEAD> <TITLE> New Document </TITLE><script language="JavaScript"> //单个数字配零function getDouble(number){var numbers=["0","1","2","3","4","5","6","...
基于 JavaScript 中的 Date 类型实现指定日期和天数的加减运算
wuyujin1997的博客
06-20 3722
27岁生日之前，还有246天。可以做很多事。加油。
javascript Date对象计算程序执行时间 -- 技巧⭐
Messchao的博客
09-30 1610
js Date对象计算程序执行时间js关键代码 js关键代码 //+new Date 可以获取1970年1月1日午夜至现在时间的毫秒数 //放到script标签下可记录程序开始时间 var a1 = +new Date() 代码块 //放到需要测试的代码尾部可记录程序结束时间 var a2 = +new Date() //使用结束时间获取的毫秒数减去开始时间减去的毫秒数 //得到程序执行时间的毫秒数 //一秒=1000毫秒，所以➗1000 得到秒数 var time = (
javaScript的时间操作
weixin_44044929的博客
12-16 1821
Date对象用于处理日期与时间。 时间对象文档: https://www.runoob.com/jsref/jsref-obj-date.html 获取时间对象 var d = new Date(); //当前时间 //时间戳获取时间对象 var d = new Datel(milliseconds); //字符串时间转成时间对象 var d = new Date(dateString); //依次指定年月日时分秒毫秒 var d = new Date(year, month, day, hours, mi
JavaScript日期和时间处理手册
爱蹦跶的全栈大A阿
01-10 973
日期和时间在应用开发中是非常常用的功能。本文将全面介绍JavaScript中处理日期和时间的方法,让你可以快速上手各种日期操作。创建和解析Date对象的各种方法抽取日期的指定部分如年、月、日等格式化日期显示不同格式字符串通过偏移进行日期时间的计算时间戳与Date的相互转化处理时区和国际时间表示Moment.js的便捷用法如何实现一个日期选择器准备掌握JavaScript的日期和时间处理技能了吗?让我们开始吧!​。
JavaScript Date（日期）对象
Python老吕的博客
06-01 985
JavaScript的Date对象是一个功能强大的工具，它提供了丰富的方法和属性来处理日期和时间。然而，由于它基于本地时区工作，并且在日期格式化和复杂运算方面存在一些限制，所以在实际使用中可能需要结合其他工具或库来更好地满足需求。通过深入了解Date对象的使用方法和注意事项，我们可以更加有效地利用它来处理JavaScript中的日期和时间问题。👨‍💻博主Python老吕评论，您的举手之劳将对我提供了无限的写作动力！《Python全栈工程师》《跟老吕学MySQL》《Python游戏开发实战讲解》🌞。
JavaScript基础篇2之日期时间函数
zhan_qian的博客
12-28 1105
一、计算机中时间字母表示的预知识储备： 二、常用格式时间组合： 三、Date对象构造： 四、时间戳（单位为毫秒）： 五、时间换算方法： 六、获取时间的方法： 七、设置时间的方法： 八、常用时间格式匹配： 九、今日微语： 珍惜时光，于有限的时间里创造出更广阔的学习天地，力求思维的磨砺和精进。 知识无限，以有限的生命去追逐无限的知识，是没有穷尽且危险的！ 故个人认为：人生应于选择中做减法，找到自己爱好的人大概率是幸福的；而在精进中做加法，于自己的快乐天地中将美好蓝图建设出来，构建心中的琼楼玉宇…… 恒
浅谈JavaScript Date日期和时间对象
10-24
JavaScript的`Date.now()`方法可以获取当前时间的毫秒数时间戳，而`new Date(timestamp)`则可以将时间戳转换为Date对象。 在实际开发中，Date对象经常用于处理用户输入、记录事件时间、计算时间差、以及在用户界面...
JavaScript比较当前时间是否在指定时间段内的方法
10-21
在JavaScript中，我们经常需要处理时间，包括比较当前时间是否在特定时间段内。这在创建事件提醒、计划任务或者分析用户活动时非常有用。本文将详细介绍如何使用JavaScript来完成这个功能，以及涉及到的时间与字符串...
javascript获取当前日期时间及其它操作函数
10-28
以上这些函数可以帮助开发者在JavaScript中灵活地处理日期和时间，无论是获取当前时间，还是进行复杂的日期计算和格式化，都可以通过Date对象及其扩展方法实现。在实际开发中，可以根据项目需求选择合适的方法，以...
javascript实现的时间格式加8小时功能示例
10-16
主要介绍了javascript实现的时间格式加8小时功能,涉及javascript日期时间转换与运算相关操作技巧,需要的朋友可以参考下
JavaScript时间转换处理函数
10-24
JavaScript内置了Date对象来处理日期和时间，但有时候需要自定义函数来满足特定需求。下面我们将深入探讨JavaScript中的时间转换处理，并基于给定的代码片段进行解析。 首先，`convertToDate`函数用于将符合"yyyy-...
JavaScript - 时间格式计算
idomyway的博客
12-08 209
/** * 时间戳转换，（@return 如：5天前） * @param str 日期字符串 */ export const getTimeInfo: (dateStr: string) => string = dateStr => { if (!dateStr) return '' const date: Date = new Date(dateStr.replace(...
网站基本布局CSS
最新发布
m0_46608027的博客
07-24 762
* 滚动条轨道样式 *//* 滚动条样式 *//* 滑块样式 */
Web安全:Web体系架构存在的安全问题和解决方室
程序员-张师傅
07-24 1462
Web体系架构在提供丰富功能和高效服务的同时，也面临着诸多安全问题。这些问题可能涉及数据泄露、服务中断、系统被控制等多个方面，对企业和个人造成不可估量的损失。
JavaScript内置对象详解：String, Array, Date, RegExp等
Date对象则用于处理日期和时间，可以创建新的日期实例，获取或设置年、月、日、小时等信息。 高级对象包括Object、Error、Function和RegExp。Object是所有JavaScript对象的基类，可以自定义新的对象类型。Error对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

私语茶馆

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值