<template>
	<div class="">
   <datetime
      :title="dateTitle"
      :show="dateShow"
      :confirm_text="confirm_text"
      :cancel_text="cancel_text"
      @on-cancel="onCancel"
      @on-confirm="onConfirm"
      @on-hide="onHide"
      @on-change="onChange"
    ></datetime> 
  </div>
</template>
<script>
  import datetime from 'components/datetime/index'
  export default {
    components: {
      datetime
    },
    data () {
      return {
        dateTitle: '生日',
        dateShow: true,
        confirm_text: '确定',
        cancel_text: '取消'
      }
    },
    methods: {
      onCancel () {
        console.warn('on-cancel');
      },
      onConfirm (msg) {
        console.warn('on-confirm', msg);
      },
      onHide () {
        console.warn('on-hide');
      },
      onShow () {
        console.warn('on-show');
      },
      onChange () {
        console.warn('on-show');
      }
    }
  }
</script>