elementplus二次封装日期选择器

基于第三方elementPlus框架，我们可以进行符合UI设计原型的组件封装，其中日期选择器也可以进行二次封装。在Vue3 + TypeScript的setup中，我们可以使用element plus的DatePicker日期选择器进行封装。具体的封装结构如下：

<el-date-picker 
  v-model="datePicker.time" 
  type="daterange" 
  value-format="X" 
  :default-time="datePicker.defaultime" 
  format="YYYY-MM-DD" 
  size="large" 
  range-separator="至" 
  start-placeholder="开始时间" 
  end-placeholder="结束时间" 
  @change="timeChange" 
  :disabled-date="disabledDate" 
  @calendar-change="calendarChange" 
  class="date_picker_custom" 
/>

在这个结构中，我们可以设置日期选择器的各种属性，例如选择器的类型、默认时间、日期格式、占位符等等。同时，我们也可以通过监听change事件和calendar-change事件来实现日期选择器的交互功能。在封装过程中，我们还可以根据业务需求进行一些自定义样式的设置。