iview封装时间控件

前言：

        对iview的时间控件下来进行二次封装，里面可以实现input的那种，也有点击自定义的下拉效果；

效果图：

1、input+时间控件

2、定制+时间控件

下面来贴下我们的组件代码cdate.vue

页面调用部分：

template部分： 


js部分：
import CDate from '@/components/comIview/cdate'//iview-date
 data () {
     return {
        SearchData:{
            author:'',//作者
            zzdwOptions:[//作者单位
                {
                    value: '宁海电厂',
                    label: '宁海电厂'
                },
                {
                    value: '永宁电厂',
                    label: '永宁电厂'
                },
            ],
            dateType:'datetime',
            format:'yyyy-MM-dd HH:mm',
            startPlace:'请选择开始时间',
            endPlace:'请选择结束时间',
         }
}
 components: {
      CDate
    },