添加限时密码的分钟不可设置

components/LockDatetimePicker/LockDatetimePicker.vue

@@ -6,7 +6,8 @@
         {{ timeFormat(time, 'yyyy-mm-dd h:M') }}
       </view>
     </view>
-    <up-datetime-picker itemHeight="60" :minDate="minDate" :title="placeholder" :show="show" v-model="time"
+    <up-datetime-picker :filter="filter" itemHeight="60" :minDate="minDate" :title="placeholder" :show="show"
+                        v-model="time"
                         mode="datetime" @confirm="confirm" :closeOnClickOverlay="true"
                         @close="close"></up-datetime-picker>
   </view>
@@ -21,7 +22,11 @@ export default {
     title: String,
     value: Number,
     minDate: Number,
-    placeholder: String
+    placeholder: String,
+    type: {
+      type: String,
+      default: 'datetime'
+    }
   },
   data() {
     return {
@@ -34,6 +39,13 @@ export default {
   },
   methods: {
     timeFormat,
+    filter(mode, options) {
+      if (mode === 'minute' && this.type === 'datehour') {
+        return options.filter((option) => option === '00')
+      }
+
+      return options
+    },
     changeShow() {
       this.show = !this.show
     },

pages/createPassword/createPassword.vue

@@ -19,7 +19,7 @@
         <LockInput :value="temporaryName" title="名称" placeholder="给密码命名"
                    @changeInput="changeTemporaryInput"></LockInput>
         <view style="margin-top: 20rpx">
-          <LockDatetimePicker title="失效时间" :value="temporaryTime" :minDate="minDate"
+          <LockDatetimePicker title="失效时间" :value="temporaryTime" :minDate="minDate" type="datehour"
                               placeholder="请选择失效时间" @changeTime="changeTemporaryTime"></LockDatetimePicker>
         </view>
         <view class="text">{{ text }}</view>