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

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

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

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

javascript 复制代码
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;
        },

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

相关推荐
PHP实战开发录9 小时前
PHP接口偶发变慢怎么查
前端·php·开发
向北丶10 小时前
vite项目中配置alias别名
前端·vite
COOLMO研究AI10 小时前
Next.js App Router 中 sitemap、robots 与 canonical 的配置与排查
前端·web·js·网站优化
DyLatte10 小时前
AI 给了我 8 个优化方案,全都是对的,但没有一个有用
前端·后端·程序员
AI情绪识别开源10 小时前
检信ALLEMOTION 认知评估分析器 · WebSocket 推送数据文档
javascript
OpsEye10 小时前
公司内部全员使用 AI,如何保证会话合规、行为可审计?
javascript·ai编程
the局外人10 小时前
一座不够大的城市,装下了我毕业后的成长
前端·程序员·求职
涛涛ing11 小时前
周下载量1.1亿的Tailwind,为什么养不活自己?
前端
变与不变80611 小时前
JS事件机制精讲
前端·javascript
装备研究社11 小时前
Promise 的五个状态,90% 的人只说对了三个
前端