JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-09-11 22:09:47 +08:00
Code Issues Projects Releases Wiki Activity

fix(form): date组件初始值 不显示

Browse Source
This commit is contained in:
roymondchen 2022-07-07 19:27:28 +08:00 committed by jia000
parent dd1a8e22c5
commit 8d5eab0ef8
2 changed files with 20 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/form/src/fields/Date.vue
View File

@ -1,20 +1,18 @@
<template> <template>
<div v-if="model"> <el-date-picker
<el-date-picker v-model="model[name]"
v-model="model[modelName]" type="date"
type="date" :size="size"
:size="size" :placeholder="config.placeholder"
:placeholder="config.placeholder" :disabled="disabled"
:disabled="disabled" :format="config.format"
:format="config.format" :value-format="config.format || 'YYYY-MM-DD HH:mm:ss'"
:value-format="config.format || 'YYYY-MM-DD HH:mm:ss'" @change="changeHandler"
@change="changeHandler" ></el-date-picker>
></el-date-picker>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { computed, defineComponent, PropType } from 'vue'; import { defineComponent, PropType } from 'vue';
import { datetimeFormatter } from '@tmagic/utils'; import { datetimeFormatter } from '@tmagic/utils';
@ -38,10 +36,8 @@ export default defineComponent({
setup(props, { emit }) { setup(props, { emit }) {
useAddField(props.prop); useAddField(props.prop);
const modelName = computed(() => props.prop || props.config.name || ''); props.model[props.name] = datetimeFormatter(props.model[props.name], '');
props.model[modelName.value] = datetimeFormatter(props.model[modelName.value], '');
return { return {
modelName,
changeHandler(v: string) { changeHandler(v: string) {
emit('change', v); emit('change', v);
}, },

18
packages/form/src/fields/Time.vue
View File

@ -1,14 +1,12 @@
<template> <template>
<div> <el-time-picker
<el-time-picker v-model="model[name]"
v-model="model[name]" :size="size"
:size="size" value-format="HH:mm:ss"
value-format="HH:mm:ss" :placeholder="config.placeholder"
:placeholder="config.placeholder" :disabled="disabled"
:disabled="disabled" @change="changeHandler"
@change="changeHandler" ></el-time-picker>
></el-time-picker>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">