iview datepicker

 <DatePicker

        :open="open"

        :value="formItem.pro_start_date"

        confirm

        type="date"

        @on-change="handleChange"

        @on-clear="handleClear"

        @on-ok="handleOk">

        <a href="javascript:void(0)" style="width:220px;border:1px solid #f00;display:inline-block;height: 32px; line-height:24px; padding: 4px 7px;    font-size: 12px; border: 1px solid #dcdee2; border-radius: 4px;  #fff;" @click="handleClick">

            <span v-if="!formItem.pro_start_date" style="color: #c5c8ce;">選擇日期</span>

            <span v-else style="color: #515a6e;">{{ formItem.pro_start_date }}</span>

        </a>

    </DatePicker>

 

 

 

    handleClick() {

      alert(123);

      this.open = !this.open;

    },

    handleChange(date) {

      this.value3 = date;

    },

    handleClear() {

      this.open = false;

    },

    handleOk() {

      this.open = false;

    },