Date Picker

Maintainer: lingying.zhang

输入单个日期

指令：date-picker

参数说明：

参数名	说明	类型	默认值
ng-model	日期值	Date
min-date	在此日期之后	Date
max-date	在此日期之前	Date
date-only	为 true 时仅能输入日期，不能填写时间	Boolean	false
required	是否为必填	Boolean	false
disabled	是否为禁用	Boolean	false
on-calendar-open	打开日历事件回调	Function
on-calendar-close	关闭日历时间回调	Function

<date-picker ng-model="dateValue"
             min-date="minDate"
             max-date="maxDate"
             date-only="false"
             required="true"
             disabled="false"
             on-calendar-open="app.onCalendarOpen()"
             on-calendar-close="app.onCalendarClose()"></date-picker>

选择日期范围

指令：date-range

参数说明：

参数名	说明	类型	默认值
start	开始时间	Date
end	结束时间	Date
minDate	开始时间必须在此日期之后	Date
maxDate	结束时间在此日期之前	Date
dateOnly	为 true 时仅能输入日期，不能填写时间	Boolean	false
required	是否为必填	Boolean	false
disabled	是否为禁用	Boolean	false
on-calendar-open	打开日历事件回调回调参数0/1代表左右日历	Function
on-calendar-close	关闭日历时间回调回调参数0/1代表左右日历	Function

<date-range opts="dateRange"></date-range>

$scope.dateRange = {
  start: new Date(2016, 2, 10),
  end: new Date(2016, 2, 20),

  minDate: new Date(2016, 2, 1),
  maxDate: new Date(2016, 2, 31),

  // 是否禁用 (false)
  disabled: false,

  // 是否显示时间 (true)
  dateOnly: false
};

examples

基础表格:

Components

输入单个日期

选择日期范围

examples