uni-app中日历插件实现指定的日期范围

696 阅读1分钟

在我的项目中有一个需求是关于设备共享的预约,预约方面是肯定需要提供预约日期及使用时间。为了更好地给用户提供简单直接的操作,我从插件市场找到了一个很好用的通用组件。 插件安装成功后,按照图片操作: 其中api的介绍如下: 其中自己的小代码贴一下: //获取当天日期 var date = new Date(); var year = date.getFullYear(); var month = (date.getMonth() + 1).toString(); var day = (date.getDate()).toString(); if (month.length == 1) {month = "0" + month;} if (day.length == 1) {day = "0" + day;} var startDate = year + "-" + month + "-" + day;

如果要在当前日期上加上几天得到指定的截止日期: //当天日期加上10天 var date = new Date(this.startDate); var newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate() + 10 + 1, date.getHours(), date.getMinutes(), date.getSeconds() - 1); var year = newDate.getFullYear(); var month = newDate.getMonth() + 1; var day = newDate.getDate(); var maxDate = year + "-" + month + "-" + day,

startDate作为日历中的开始日期,maxDate作为日历中的结束日期,两者就可以实现指定的日期范围选择啦!