美文网首页
element-ui时间选择器组件及转时间戳

element-ui时间选择器组件及转时间戳

作者: w_小伍 | 来源:发表于2020-06-09 09:00 被阅读0次

组件(这里用的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: '',
  }

相关文章

网友评论

      本文标题:element-ui时间选择器组件及转时间戳

      本文链接:https://www.haomeiwen.com/subject/gvlgzhtx.html