vue 实现日期选择器 DatePicker

实例：

dateRange：选择完成的时间变量

type："daterange"：是日期范围选择器，详见：DatePicker 日期选择器

start-date：默认是当天，实例里设置的是30天之前，2592000000单位是ms

options：用于设置不可选的日期（置灰）

split-panels：两面板在切换年月时不联动

      <span>
        <DatePicker
          v-model="dateRange"
          type="daterange"
          :start-date="new Date(Date.now() - 2592000000)"
          :options="options1"
          split-panels
          placeholder="Select date（非必填）"
          style="width: 200px;margin-right: 5px;margin-left: 5px;"
        ></DatePicker>
      </span>

data () {
    return {
      options1: {
        disabledDate (date) {
          return date && (date.valueOf() < Date.now() - 2592000000 || date.valueOf() > Date.now())
        }
      },
    }
  }