引入：要求日期選擇的下拉框在分鐘顯示時(shí)，只顯示 0 和 30 分鐘；
<u-datetime-picker :show="dateShow" :filter="timeFilter" @confirm="selDateConfirm" @cancel="dateCancel" v-model="value1" mode="datetime"></u-datetime-picker>
這里引入了 filter = "timeFilter" 作為其配置項(xiàng)；
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.zghlxwxcb.cn/news/detail-695892.html
還補(bǔ)充了開始年份從今年開始的寫法，這樣就可以按照要求來自定義了。文章來源地址http://www.zghlxwxcb.cn/news/detail-695892.html
到了這里，關(guān)于【uniapp/uview】u-datetime-picker 選擇器的過濾器用法的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
