JS获取当天零点零时零秒(中国标准时间)格式
记录关于如果如何获取当天零点时间(中国标准时间)格式
前言
在项目中使用Element-ui中 DateTimePicker 日期时间选择器时,开始时间与结束时间需要默认当天时间,结束时间需要判断当天时间后的不可选(当天时间可选)。
在未选择开始时间时,点击结束时间,当天时间不可选
问题代码
// .vue文件
data(){return {params:{starTime:new Date() // 获取当前时间endTime:new Date()}}
}
computed:{// 这里只展示结束时间禁用规则pickerOptionsEnd() {return {disabledDate: (time) => {//禁用规则:小于开始时间、大于今天return (time.getTime() < this.params.startTime ||time.getTime() > Date.now());},};},
}
在未选择“开始时间”时,点击“结束时间”触发pickerOptionsEnd函数,此时time获取this.params.startTime是一个精确至时分秒的(中国标准时间)格式,禁用规则会触发,但是当前时间也被禁用(如上图)
在选择“开始时间”的情况下,由于DateTimePicker 日期时间选择器的关系,时间被格式化成了零点的(中国标准时间)
解决方案
最终确认就是因为未选择“结束时间”时,this.params.starTime获取的是精确至时分秒的(中国标准时间)格式导致禁用当天时间,只需要初始化时将零点的中国标准时间赋值给默认时间就可以(代码如下)
// .vue文件
data(){return {params:{// 获取当天0点时间(中国标准时间)startTime:new Date(new Date(new Date().toLocaleDateString()).getTime())endTime:new Date()}}
}
更新(2022/8/15):
记录IE浏览器存在的兼容问题(版本:IE11)
原因:
在IE浏览器中通过new Date().toLocaleDateString()
获取到的是2022年8月15日
格式的当前日期,new Date()
并不支持这种格式的日期作为参数,需要处理成2022/8/15
方案:
需要考虑浏览器兼容问题可以参考以下代码!
<script>// 通过new Date()提供的方法getFullYear等方法,拼接出该函数可以接收的参数let localeDate = new Date().getFullYear() + '/' + (new Date().getMonth() + 1) + '/' + new Date().getDate() data(){return {params:{// 获取当天0点时间(中国标准时间)// startTime:new Date(new Date(new Date().toLocaleDateString()).getTime())startTime:new Date(new Date(localeDate).getTime())endTime:new Date()}}}
</script>
此篇仅作记录,不是唯一解决方法,欢迎补充!!
JS获取当天零点零时零秒(中国标准时间)格式相关推荐
- JS获取当天零点或23:59:59的时间
JS获取当天(或某一条)零点的方法还是比较多,但是很多方法并不能支持所有设备(或系统),这里我以获取当天零点为例. // 方法一: let mytime = new Date(new Date(new ...
- java时间日期获得0点0分0秒(本地时间(时区)),获取当天零点零分时间(本地时间(时区))
获取当天零点零分时间(本地时间(时区))返回LocalDateTime: LocalDateTime.now().withHour(0).withMinute(0).withSecond(0).wit ...
- C/C++代码获取今天凌晨零点零时零分的时间戳
要用到, 记录一下: #include <iostream> using namespace std;unsigned int getMorningTime() { time_t t = ...
- js 获取当天时间,实现展示包含今天的一周时间的方法
js 获取当天时间,实现展示包含今天的一周时间 封装获得第n天的时间数据 循环得到未来n天的时间数据 最近写了一个关于需要时间预约的项目,记录一下如何 实现未来一周数据的处理,时间的展示 封装获得第n ...
- js中将中国标准时间格式、CST日期转换为yyyy-MM-dd HH:mm:ss格式总结
1.Wed Dec 18 2019 17:30:30 GMT+0800 (中国标准时间)格式转换为yyyy-MM-dd HH:mm:ss格式 var dictTime = new Date(" ...
- js中将中国标准时间格式、CST日期转换为yyyy-MM-dd HH:mm:ss格式
问题: 把Mon Aug 01 2022 00:00:00 GMT+0800 (中国标准时间)格式的日期转换为yyyy-MM-dd HH:mm:ss 解决方法: 1.定义转换方法 formatDate ...
- 将中国标准时间格式转换为yy-mm-dd的格式
var s = new Date(1262275200000); //s获取到的是中国标准时间格式 var startTime = s.getFullYear() +"-" +(s ...
- 格林时间:Thu May 18 2017 00:00:00 GMT+0800 (中国标准时间) 格式转换
类似Thu May 18 2017 00:00:00 GMT+0800 (中国标准时间)格式的时间转换成2017/05/18 或取其时分秒,方法如下: /** * @param datdString ...
- Java获取当天零点零分时间的方法分享
参阅资料: java中如何获取当月1号零时零分的时间呢? 获取指定时间对应的时间戳,是我们日常开发中经常需使用到的方法,那么如何才能获取指定日期时间对应的时间戳呢?下文笔者将一一道来,如下所示: 实现 ...
最新文章
- Chapter 6 : 综合数据和分组函数
- 数学之旅-不动点定理
- 5.8 程序示例--线性分类-机器学习笔记-斯坦福吴恩达教授
- Intel Realsense 如何获取输入图像的分辨率参数?傻办法 asanyarray() shape() get_data()
- 机器学习模型,能分清川菜和湘菜吗?
- Jsp、Servlet
- 汇编语言(王爽第三版) 实验5编写、调试具体多个段的程序
- 揭秘阿里中台!一文看懂阿里推荐业务的两项利器 | 赠书
- html数据摘要算法,Hash函数和消息摘要算法(示例代码)
- golang编译之vendor机制
- C#中的==、Equal、ReferenceEqual
- 操作系统概念第四章部分作业题答案
- Friends S01.01 Part A
- 没有密码,如何去除Word文档的限制编辑
- 数据是怎么在mysql中存储_数据是如何存入数据库中的
- 通过亚马逊云科技实现基于 Restful API 的 CloudFront Distribution 复制/克隆功能
- 计算机毕业设计Python+uniapp学生考勤系统小程序(小程序+源码+LW)
- 服务器上线运行正常但不能上网,网线是好的,插笔记本正常上网,插在服务器上却不能上网的解决方法...
- frp:开源内网穿透工具
- 手写一个微前端框架(内含源码地址)