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

【uniapp/uview】u-datetime-picker 选择器的过滤器用法

引入:要求日期选择的下拉框在分钟显示时,只显示 0 和 30 分钟;

<u-datetime-picker :show="dateShow" :filter="timeFilter" @confirm="selDateConfirm" @cancel="dateCancel" v-model="value1" mode="datetime"></u-datetime-picker>

这里引入了 filter = "timeFilter" 作为其配置项;

timeFilter(mode, options) {console.log(mode);let d = new Date()// console.log(d.getFullYear());if(mode === 'year'){return options.filter((option)=>option>= d.getFullYear())}if(mode === 'month'){return options.filter((option)=>option>= d.getMonth()+1)}if (mode === 'minute') {return options.filter((option) => option === '00' || option === '30');}return options;},

在这里插入图片描述

还补充了开始年份从今年开始的写法,这样就可以按照要求来自定义了。

http://www.lryc.cn/news/161533.html

相关文章:

  • 如何使用Docker部署Nacos服务?Nacos Docker 快速部署指南: 一站式部署与配置教程
  • yocto stm32mp1集成ros
  • Linux 中的 chroot 命令及示例
  • oracle的redo与postgreSQL的WAL以及MySQL的binlog区别
  • 进入低功耗和唤醒
  • 【多线程】volatile 关键字
  • 【Windows注册表内容详解】
  • 大数据Hadoop入门之集群的搭建
  • 华为云云耀云服务器L实例评测|基于云服务器的minio部署手册
  • 龙智携手Atlassian和JFrog举办线下研讨会,探讨如何提升企业级开发效率与质量
  • 2023数学建模国赛A题定日镜场的优化设计- 全新思路及代码
  • CSS笔记(黑马程序员pink老师前端)圆角边框
  • 水表电表集中远程抄表系统分析
  • Android 通知
  • 【Unittest】Requests实现小程序项目接口测试
  • Mac 搭建本地服务器
  • 区块链基础之编写合约二
  • 【前端基础】js 如何判断一个值是数组
  • Linux之NFS服务器
  • ES delete_by_query条件删除的几种方式
  • 1.springboot 集成elasticsearch组件
  • 【学习笔记】元学习如何解决计算机视觉少样本学习的问题?
  • 【C语言】17-函数-3
  • 人工智能:为你提供的未来工作岗位
  • HashMap、LinkedHashMap、ConcurrentHashMap、ArrayList、LinkedList的底层实现。
  • flink学习之广播流与合流操作demo
  • PPT架构师架构技能图
  • STM32微控制器的低功耗模式
  • tensorflow QAT
  • [杂谈]-快速了解LoRaWAN网络以及工作原理