index.js:235 uView提示:maxDate不能小于当前时间

2024-03-27 13:20

本文主要是介绍index.js:235 uView提示:maxDate不能小于当前时间,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

组件不合理的提示。我就是不想让他maxDate选择未来时间。

需求:用uview的calendar做一个时间段的选择,当设置maxDate为今天,遇到这个无理的提示。

1、找到calendar组件源码提示位置

在这里插入图片描述

2、注释掉这段代码

在这里插入图片描述

3、看效果

在这里插入图片描述

我的代码

<template><view class="container"><view class="top"><view class="timebox" @click="show=true"><view class="date">{{ showData }}</view><u-icon bold name="calendar" color="#F5DA43" size="44"></u-icon></view></view><u-calendar :show="show" mode="range" @confirm="confirm" @close="close" :defaultDate="defaultDate" allowSameDay :minDate="chooseRange[0]" :maxDate="chooseRange[1]" monthNum="10":rowHeight="110" closeOnClickOverlay round="10" ></u-calendar></view>
</template><script>export default {data(){return{show:true,dateArr:[],defaultDate:""}},onLoad(){// 默认查昨天到今天this.defaultDate = [this.$dayjs().subtract(1,'day').format("YYYY-MM-DD"),this.$dayjs().format("YYYY-MM-DD")];this.dateArr = [this.$dayjs().subtract(1,'day').format("YYYY-MM-DD"),this.$dayjs().format("YYYY-MM-DD")];},computed:{// 过滤显示时间showData(){return  this.$dayjs(this.dateArr[0]).format("YYYY/MM/DD")+'-'+this.$dayjs(this.dateArr[this.dateArr.length-1]).format("YYYY/MM/DD");},// 可选时间范围chooseRange(){return [this.$dayjs().subtract(1,'month').format("YYYY-MM-DD"),this.$dayjs().format("YYYY-MM-DD")]}},methods:{confirm(dateArr){this.dateArr = [dateArr[0],dateArr[dateArr.length-1]];console.log(this.dateArr); //  获取到我想要的两个日期this.show=false;},close(){this.show=false;},}}
</script><style lang="scss" scoped>.container{margin: 30rpx;padding:20rpx;box-sizing: border-box;background: #fff;}.top{display: flex;align-items: center;justify-content: center;font-size: 28rpx;.label{margin-right: 20rpx;}.timebox{padding:6rpx 16rpx;color:#999;display: flex;align-items: center;border: 1rpx solid #999;border-radius: 4rpx;.date{margin-right: 10rpx;font-size:26rpx;}}}
</style>

这篇关于index.js:235 uView提示:maxDate不能小于当前时间的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/852243

相关文章

Springboot项目启动失败提示找不到dao类的解决

《Springboot项目启动失败提示找不到dao类的解决》SpringBoot启动失败,因ProductServiceImpl未正确注入ProductDao,原因:Dao未注册为Bean,解决:在启... 目录错误描述原因解决方法总结***************************APPLICA编

Java获取当前时间String类型和Date类型方式

《Java获取当前时间String类型和Date类型方式》:本文主要介绍Java获取当前时间String类型和Date类型方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录Java获取当前时间String和Date类型String类型和Date类型输出结果总结Java获取

电脑提示d3dx11_43.dll缺失怎么办? DLL文件丢失的多种修复教程

《电脑提示d3dx11_43.dll缺失怎么办?DLL文件丢失的多种修复教程》在使用电脑玩游戏或运行某些图形处理软件时,有时会遇到系统提示“d3dx11_43.dll缺失”的错误,下面我们就来分享超... 在计算机使用过程中,我们可能会遇到一些错误提示,其中之一就是缺失某个dll文件。其中,d3dx11_4

Python实现批量提取BLF文件时间戳

《Python实现批量提取BLF文件时间戳》BLF(BinaryLoggingFormat)作为Vector公司推出的CAN总线数据记录格式,被广泛用于存储车辆通信数据,本文将使用Python轻松提取... 目录一、为什么需要批量处理 BLF 文件二、核心代码解析:从文件遍历到数据导出1. 环境准备与依赖库

游戏闪退弹窗提示找不到storm.dll文件怎么办? Stormdll文件损坏修复技巧

《游戏闪退弹窗提示找不到storm.dll文件怎么办?Stormdll文件损坏修复技巧》DLL文件丢失或损坏会导致软件无法正常运行,例如我们在电脑上运行软件或游戏时会得到以下提示:storm.dll... 很多玩家在打开游戏时,突然弹出“找不到storm.dll文件”的提示框,随后游戏直接闪退,这通常是由于

go中的时间处理过程

《go中的时间处理过程》:本文主要介绍go中的时间处理过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1 获取当前时间2 获取当前时间戳3 获取当前时间的字符串格式4 相互转化4.1 时间戳转时间字符串 (int64 > string)4.2 时间字符串转时间

Golang如何对cron进行二次封装实现指定时间执行定时任务

《Golang如何对cron进行二次封装实现指定时间执行定时任务》:本文主要介绍Golang如何对cron进行二次封装实现指定时间执行定时任务问题,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录背景cron库下载代码示例【1】结构体定义【2】定时任务开启【3】使用示例【4】控制台输出总结背景

IDEA Maven提示:未解析的依赖项的问题及解决

《IDEAMaven提示:未解析的依赖项的问题及解决》:本文主要介绍IDEAMaven提示:未解析的依赖项的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝... 目录IDEA Maven提示:未解析的依编程赖项例如总结IDEA Maven提示:未解析的依赖项例如

python3如何找到字典的下标index、获取list中指定元素的位置索引

《python3如何找到字典的下标index、获取list中指定元素的位置索引》:本文主要介绍python3如何找到字典的下标index、获取list中指定元素的位置索引问题,具有很好的参考价值,... 目录enumerate()找到字典的下标 index获取list中指定元素的位置索引总结enumerat

电脑提示xlstat4.dll丢失怎么修复? xlstat4.dll文件丢失处理办法

《电脑提示xlstat4.dll丢失怎么修复?xlstat4.dll文件丢失处理办法》长时间使用电脑,大家多少都会遇到类似dll文件丢失的情况,不过,解决这一问题其实并不复杂,下面我们就来看看xls... 在Windows操作系统中,xlstat4.dll是一个重要的动态链接库文件,通常用于支持各种应用程序