Element-UI组件

1. DatePicker

• DatePicker 日期选择器

属性

可以是选择一个日期：

• type：日期类型（date,week,month,year,dates）
  placeholder：选择框中显示的文字

或者选择一个日期范围

• type=“daterange”
  range-separator=“至”
  start-placeholder=“开始日期”
  end-placeholder=“结束日期”

• format：指定输入框中日期格式；value-format指定绑定框值的格式（不指定则为Date对象）。

  <div class="block">
      <div class="demonstration">值：{{ value2 }}</div>
  	<el-data-piker
  		v-model = "value"
  		type = "date"
  		placeholder = "选择日期"
  		format = "yyyy年MM月dd日"
  		value-format = "yyyy-MM-dd">
  	</el-data-piker>
  </div>
  

  样式：
  

• clearable：是否显示清除按钮，:clearable = "false"

• align：对齐方式(left,center,right)

• unlink-panels：范围选择器中两个日期面板之间的联动。好像不管用

dayjs

• 一个轻量级的处理时间和日期的js库。
• 相关API ：
  dayjs() 返回当前时间
  dayjs().year()/month()/date()...
dayjs().add/subtract(7,"day"); 在当前基础上增加/减少7天。
  date1.diff(date2,"month") 返回两个日期的时间差，默认毫秒。可以指定单位(month,day…)