mirror of
https://gitee.com/myxzgzs/boyue_jnpf.git
synced 2025-08-09 15:52:42 +08:00
80 lines
1.4 KiB
Vue
80 lines
1.4 KiB
Vue
<template>
|
|
<view class="jnpf-time-pickeer">
|
|
<JnpfDatePicker v-model="value" :scene="scene" :inputType="inputType" :placeholder="placeholder"
|
|
:disabled="disabled" :type="type" :startTime="startTime" :endTime="endTime" :format="format"
|
|
:selectType='selectType' @change="change" />
|
|
</view>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: 'jnpf-time-pickeer',
|
|
props: {
|
|
scene: {
|
|
type: String,
|
|
default: 'form'
|
|
},
|
|
inputType: {
|
|
type: String,
|
|
default: 'select'
|
|
},
|
|
modelValue: {
|
|
type: [String, Number],
|
|
default: ''
|
|
},
|
|
placeholder: {
|
|
type: String,
|
|
default: '请选择'
|
|
},
|
|
disabled: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
type: {
|
|
type: String,
|
|
default: 'time'
|
|
},
|
|
startTime: {
|
|
type: [String, Number],
|
|
default: 0
|
|
},
|
|
selectType: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
endTime: {
|
|
type: [String, Number],
|
|
default: 0
|
|
},
|
|
format: {
|
|
type: String,
|
|
default: 'yyyy-MM-dd HH:mm:ss'
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
value: ""
|
|
}
|
|
},
|
|
watch: {
|
|
modelValue: {
|
|
handler(val) {
|
|
this.value = val
|
|
},
|
|
immediate: true
|
|
},
|
|
value(val) {
|
|
this.$emit('update:modelValue', val)
|
|
}
|
|
},
|
|
methods: {
|
|
change(value, type) {
|
|
this.$emit('change', value, type)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.jnpf-time-pickeer {
|
|
width: 100%;
|
|
}
|
|
</style> |