UniApp 修改 JNPF 时间选择

需求

只想选择去年年份

• 页面代码

    <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 控件

  
  image.png

<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 行

  
  image.png
  image.png

image.png

• 修改后效果

  
  image.png

• 修改前效果

  
  image.png