vue-js-开始，结束，当前时间的判断

最新推荐文章于 2025-09-24 10:11:10 发布

原创最新推荐文章于 2025-09-24 10:11:10 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

vue-js 专栏收录该内容

7 篇文章

订阅专栏

本文深入探讨了在前端应用中如何有效验证用户输入的时间范围，确保开始时间不早于当前时间且结束时间晚于开始时间，通过具体代码示例展示了完整的验证流程。

const date = moment(new Date()).format('YYYY-MM-DD HH:mm:ss')	// 当前时间
const startDate = moment(this.startDate).format('YYYY-MM-DD HH:mm:ss') 	// 开始时间
const endDate = moment(this.endDate).format('YYYY-MM-DD HH:mm:ss')	// 结束时间
if (!this.startDate || !this.endDate) {
	return this.$message.warning('请输入开始和结束时间')
} else {
	if (date >= startDate) { // 开始时间不能等于或小于当前时间
		 return this.$message.warning('开始时间不能等于或小于当前时间')
	} else {
		if (startDate >= endDate) { // 开始时间不能大于或等于结束时间
			return this.$message.warning('开始时间不能大于或等于结束时间')
		} else {
			console.log('时间符合条件')
        }
    }
}