笔记----关于js只比较日期不比较时间

场景：日期选择器上选择一个日期，判断所选日期在今天之前或者今天之后

思路：拿到所选日期，如：2022-07-28；拿到当天日期，如2022-07-22，

替换日期中的-为/，转化为时间戳，即可比对大小。

代码如下

<template><div id="app"><div id="nav"><el-date-pickerv-model="value1"type="date"placeholder="选择日期"value-format="yyyy-MM-dd"@change="dateChange"></el-date-picker><div v-if="value1">所选日期在今天{{ result }}</div></div><router-view /></div>
</template>
<script>
export default {data() {return {value1: "",result: "",};},methods: {dateChange(val) {const nowTime = new Date();const month =nowTime.getMonth() + 1 < 10? "0" + (nowTime.getMonth() + 1): nowTime.getMonth() + 1;const day =nowTime.getDate() < 10 ? "0" + nowTime.getDate() : nowTime.getDate();const toDay = nowTime.getFullYear() + "-" + month + "-" + day;console.log("选择的日期", val);var chooseDay = Date.parse(val.replace(/-/g, "/"));var nowDay = Date.parse(toDay.replace(/-/g, "/"));console.log("所选", chooseDay);console.log("今天", nowDay);if (chooseDay > nowDay) {this.result = "之后";} else if (chooseDay == nowDay) {this.result = "哟";} else {this.result = "之前";}},},
};
</script>

笔记----关于js只比较日期不比较时间相关推荐

js正则校验日期格式和时间格式是否正确
一,前端jsp页面有一文本框输入时间 HH:mm:ss格式的另一个文本框要求输入yyyymmdd格式的日期时间: 由于未用到任何时间插件,只能通过js校验输入的时间是否正确,最 ...
JS 的新一代日期/时间 API Temporal
众所周知,JS的Date是出了名的难用,一直以来我们都在使用momentjs,dayjs等第三方库来处理日期和时间格式,于是 TC39 组织开始了对 Date 的升级改造,他们找到了 moment.j ...
JS 的新一代日期/时间 API Temporal和 Moment.js的继承者
背景在前端Moment.js可以说是家喻户晓,目前在日期和时间的处理上仍然是使用最广泛的库.从2011年到现在Moment已经完成了它的使命,在技术发展到今天,JavaScript生态已经足够健全, ...
收集几个js实现的日期时间控件
/**//** *大部分代码来自meizz的日历控件. *tiannet添加了时间选择功能.select,object标签隐藏功能,还有其它小功能. *使用方法: * (1)只选择日期 & ...
网易云课堂Nodejs笔记（js Function，css，写法)
网易云课堂Nodejs笔记(js Function,css) CSS position ---网页定位 margin ---元素外边距 padding ---元素内边距 nth-child()选择器 ...
JS判断一个日期是这一年的第几天
使用JS判断一个日期是这一年的第几天. 首先我们先整理一下思路: 假如是12月11日,那么我们需要将1-11月的天数加起来,然后加上12月的11天. 假如是1月9日,那么我们只需要将1月的这九天就可以 ...
JS 的新一代日期/时间 API Temporal，比起 Date 它真的好用（Temporal教程）
本文作者王明是360导航前端团队前端开发工程师原文标题:JS历史最头疼的对象Date即将淘汰,替代物Temporal真的好用(全网首发Temporal教程) 原文地址:https://juejin. ...
layui日期与vue_详解Vue.js和layui日期控件冲突问题解决办法
详解Vue.js和layui日期控件冲突问题解决办法发布于 2020-8-10| 复制链接摘记: 事故还原: 今天在用layui的日期控件的时候发现一个问题,就是form表单中的日期选择之后,如果 ...
js 比较啷个日期的大小
*js 比较啷个日期的大小 function tab(date1,date2){var oDate1 = new Date(date1);var oDate2 = new Date(date2);if ...

笔记----关于js只比较日期不比较时间

笔记----关于js只比较日期不比较时间相关推荐

最新文章

热门文章