当前位置: 首页 > news >正文

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>

相关文章:

  • 100个openharmony开源demo:1.日历
  • ReactNative项目构建分析与思考之RN组件化
  • Git的使用记录+坑的处理
  • VTK9.2.0+Qt5.14.0 绘制点云
  • STM32F103 CubeMX 使用USB生成键盘设备
  • 蓝桥杯刷题(十四)
  • 分布式系统面试全集通第一篇(dubbo+redis+zookeeper----分布式+CAP+BASE+分布式事务+分布式锁)
  • 千益畅行 || 共享旅游卡推广运营怎么做?
  • YOLOv8融入低照度图像增强算法---传统算法篇
  • EtherCAT转RS232网关在风电领域的应用
  • 虹科Pico汽车示波器 | 免拆诊断案例 | 2018款东风风神AX7车发动机怠速抖动、加速无力
  • Q_STATIC_ASSERT_X作用
  • 一些常见的与 Vim 相关的文件类型及其描述
  • 服务器呀服务器,一个虚拟专用服务器的使用教程
  • hadoop基本概念
  • 【Under-the-hood-ReactJS-Part0】React源码解读
  • 2017 前端面试准备 - 收藏集 - 掘金
  • eclipse(luna)创建web工程
  • HTTP--网络协议分层,http历史(二)
  • Java 23种设计模式 之单例模式 7种实现方式
  • java2019面试题北京
  • JavaScript 基础知识 - 入门篇(一)
  • Material Design
  • Spring Boot快速入门(一):Hello Spring Boot
  • 大快搜索数据爬虫技术实例安装教学篇
  • 翻译 | 老司机带你秒懂内存管理 - 第一部(共三部)
  • 前端面试题总结
  • 日剧·日综资源集合(建议收藏)
  • 适配iPhoneX、iPhoneXs、iPhoneXs Max、iPhoneXr 屏幕尺寸及安全区域
  • 思维导图—你不知道的JavaScript中卷
  • 一起参Ember.js讨论、问答社区。
  • 3月7日云栖精选夜读 | RSA 2019安全大会:企业资产管理成行业新风向标,云上安全占绝对优势 ...
  • ​业务双活的数据切换思路设计(下)
  • ​用户画像从0到100的构建思路
  • #[Composer学习笔记]Part1:安装composer并通过composer创建一个项目
  • #define用法
  • (13)Hive调优——动态分区导致的小文件问题
  • (C语言)strcpy与strcpy详解,与模拟实现
  • (第27天)Oracle 数据泵转换分区表
  • (免费领源码)Java#ssm#MySQL 创意商城03663-计算机毕业设计项目选题推荐
  • (三十五)大数据实战——Superset可视化平台搭建
  • (一)VirtualBox安装增强功能
  • (原创)Stanford Machine Learning (by Andrew NG) --- (week 9) Anomaly DetectionRecommender Systems...
  • ***通过什么方式***网吧
  • .【机器学习】隐马尔可夫模型(Hidden Markov Model,HMM)
  • .NET Framework 4.6.2改进了WPF和安全性
  • .NET Remoting学习笔记(三)信道
  • .pyc文件还原.py文件_Python什么情况下会生成pyc文件?
  • /usr/bin/env: node: No such file or directory
  • @angular/cli项目构建--Dynamic.Form
  • [ 数据结构 - C++]红黑树RBTree
  • [20150629]简单的加密连接.txt
  • [Android] Implementation vs API dependency
  • [Android]How to use FFmpeg to decode Android f...
  • [bzoj1324]Exca王者之剑_最小割