组件(这里用的ts)
要获取时间戳,直接把value-format设置成timestamp,但是得到的值要除以1000
<el-form>
<el-form-item :label="label">
<el-date-picker
:placeholder="placeholder"
:value="value"
:type="type"
format="yyyy-MM-dd"
value-format="timestamp"
@input="onInput"
/>
</el-form-item>
</el-form>
<script lang="ts">
import {Component, Prop, Vue} from 'vue-property-decorator';
@Component
export default class TicDatePicker extends Vue {
@Prop() private label!: string;
@Prop() private value!: ValueType;
@Prop({default: ''}) private placeholder!: string;
@Prop({default: 'date'}) private type!: string;
public onInput(v: ValueType) {
this.$emit('input', v);
}
}
引用
<tic-date-picker label="StartedAt" v-model="form.startTime" placeholder="请选择开始时间"/>
import TicDatePicker from '@/components/forms/TicDatePicker';
@Component({
components: {TicDatePicker},
})
public form = {
startTime: '',
}
网友评论