demo.vue

/**
* @Author think
* @Date 2021-02-20 16:13
*/

<template>
  <h-view class="form" title="DateField">
    <h-header>
      <h-return slot="left" @click.native="$routeGo()"/>
      <div slot="center">DateField</div>
    </h-header>
    <h-content>
      <DateField
        v-model="nowDate" label="时间" required @onSelect="select"/>
      <DateField
        v-model="currentDate" label="时分" format="YYYY-MM-DD HH:mm"/>
      <DateField
        v-model="readonlyDate" label="只读" readonly/>
      <DateField
        v-model="newDate" inputAlign="left" placeholder="请输入时间"/>
    </h-content>
  </h-view>
</template>

<script>
export default {
  name: 'Demo',
  data () {
    return {
      nowDate: new Date(),
      currentDate: null,
      readonlyDate: '2021-02-12',
      newDate: '',
    }
  },
  methods: {
    select (value) {
      console.log(value)
    },
  },
}
</script>

<style lang="less">

</style>