记录关于如果如何获取当天零点时间(中国标准时间)格式

前言

在项目中使用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获取当天零点零时零秒(中国标准时间)格式相关推荐

  1. JS获取当天零点或23:59:59的时间

    JS获取当天(或某一条)零点的方法还是比较多,但是很多方法并不能支持所有设备(或系统),这里我以获取当天零点为例. // 方法一: let mytime = new Date(new Date(new ...

  2. java时间日期获得0点0分0秒(本地时间(时区)),获取当天零点零分时间(本地时间(时区))

    获取当天零点零分时间(本地时间(时区))返回LocalDateTime: LocalDateTime.now().withHour(0).withMinute(0).withSecond(0).wit ...

  3. C/C++代码获取今天凌晨零点零时零分的时间戳

    要用到, 记录一下: #include <iostream> using namespace std;unsigned int getMorningTime() { time_t t = ...

  4. js 获取当天时间,实现展示包含今天的一周时间的方法

    js 获取当天时间,实现展示包含今天的一周时间 封装获得第n天的时间数据 循环得到未来n天的时间数据 最近写了一个关于需要时间预约的项目,记录一下如何 实现未来一周数据的处理,时间的展示 封装获得第n ...

  5. 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(" ...

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

  7. 将中国标准时间格式转换为yy-mm-dd的格式

    var s = new Date(1262275200000); //s获取到的是中国标准时间格式 var startTime = s.getFullYear() +"-" +(s ...

  8. 格林时间:Thu May 18 2017 00:00:00 GMT+0800 (中国标准时间) 格式转换

    类似Thu May 18 2017 00:00:00 GMT+0800 (中国标准时间)格式的时间转换成2017/05/18 或取其时分秒,方法如下: /** * @param datdString ...

  9. Java获取当天零点零分时间的方法分享

    参阅资料: java中如何获取当月1号零时零分的时间呢? 获取指定时间对应的时间戳,是我们日常开发中经常需使用到的方法,那么如何才能获取指定日期时间对应的时间戳呢?下文笔者将一一道来,如下所示: 实现 ...

最新文章

  1. Chapter 6 : 综合数据和分组函数
  2. 数学之旅-不动点定理
  3. 5.8 程序示例--线性分类-机器学习笔记-斯坦福吴恩达教授
  4. Intel Realsense 如何获取输入图像的分辨率参数?傻办法 asanyarray() shape() get_data()
  5. 机器学习模型,能分清川菜和湘菜吗?
  6. Jsp、Servlet
  7. 汇编语言(王爽第三版) 实验5编写、调试具体多个段的程序
  8. 揭秘阿里中台!一文看懂阿里推荐业务的两项利器 | 赠书
  9. html数据摘要算法,Hash函数和消息摘要算法(示例代码)
  10. golang编译之vendor机制
  11. C#中的==、Equal、ReferenceEqual
  12. 操作系统概念第四章部分作业题答案
  13. Friends S01.01 Part A
  14. 没有密码,如何去除Word文档的限制编辑
  15. 数据是怎么在mysql中存储_数据是如何存入数据库中的
  16. 通过亚马逊云科技实现基于 Restful API 的 CloudFront Distribution 复制/克隆功能
  17. 计算机毕业设计Python+uniapp学生考勤系统小程序(小程序+源码+LW)
  18. 服务器上线运行正常但不能上网,网线是好的,插笔记本正常上网,插在服务器上却不能上网的解决方法...
  19. frp:开源内网穿透工具
  20. 手写一个微前端框架(内含源码地址)

热门文章

  1. Guarding the Chessboard(暴力搜索)
  2. 央视《对话》-高炉下的对话-钢铁业
  3. Windows下的OpenCVSharp配置
  4. 运算放大器产生自激的原因以及解决办法
  5. 超详细的hibernate实现对MySQL的CRUD
  6. 《视觉SLAM进阶:从零开始手写VIO》第一讲作业
  7. 关于QGraphicsScene绘制大图片时产生空白的问题
  8. 社交网络大数据建模的框架探索
  9. Python 官方研讨会:彻底移除 GIL 真的可行么?
  10. PLC/DCS系统常见的干扰现象及判断方法