# yuDatePicker 时间选择器

<template>
  <yu-date-picker 
  v-model="selectDate1" 
  name="endDate" 
  label="合同结束日" 
  label-width="150px"  
  :disabled="false" 
  :details="false" 
  placeholder="请选择" 
  right-icon="share-o" 
  required 
  :rules="[{ required: true, message: '请选择合同结束日' }]" 
  format="yyyy年MM月dd日" 
  :minDate="new Date(2022,0,1)" 
  :maxDate="new Date(2025,12,0)" 
  :readonly="false" 
  @change="changeSelect"
  @input="changeInput"/>
<template>
<script>
  import yuCheckbox from '@/components/yu-checkbox/index.vue'
  export default {
    components: {
      yuDatePicker
    },
    data() {
      return {
        selectDate1: new Date(),
      };
    },
    methods: {
      changeSelect(val) {
        console.log('==changeSelect=======>', this.selectDate1)
      },
      changeInput(val) {
        console.log('==changeInput=======>', this.selectDate1)
      }
    }
  }
</script>