当前位置：首页>前端>正文

UniApp修改 JNPF时间选择

前端2024-10-18 18:21:41

需求

只想选择去年年份

页面代码

    <view class="u-p-l-20 u-p-r-20 form-item-box">
        <u-form-item label="评估基准日期" prop="assessDate" required>
            <jnpf-date-time type="date" :disabled="Status" v-model="dataForm.assessDate" placeholder="请选择"></jnpf-date-time>
        </u-form-item>
    </view>

我们找到了 JNPF 自己封装的时间组件 jnpf-date-time ，发现使用的是 u-picker 控件

<template>
    <view class="jnpf-dateTime">
        <u-input input-align='right' type="select" :select-open="selectShow" v-model="innerValue"
            :placeholder="placeholder" @click="openSelect"></u-input>
        <u-picker mode="time"   :defaultTime="defaultTime" v-model="selectShow" :params="params" @confirm="selectConfirm">
        </u-picker>
    </view>
</template>

找到 u-picker 修改源码（uview-ui — components — u-picker — u-picker.vue ）,修改 430 行

修改后效果
修改前效果

查看全文

https://www.xamrdz.com/web/27s1994597.html

只想选择去年年份

相关文章：