输入或选择日期的控件。
当用户需要输入一个日期,可以点击标准输入框,弹出日期面板进行选择。
最简单的用法。
三种大小的输入框,大的用在表单中,中的为默认。
选择框的不可用状态。
可以设置 nzDisabledDate
方法,来约束开始和结束日期。
使用 nzFormat
属性,可以自定义你需要的日期显示格式,如 YYYY/MM/DD
。
增加选择时间功能,当 nzShowTime
为一个对象时,其属性会传递给内建的 nz-timepicker
。
设置 nzDisabledDate
方法,来确定不可选时段。
如上例:不可选择今天之后的日期。
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
ngModel | 展示日期 | Date | 当前日期 |
nzSize | 输入框大小,large 高度为 32px,small 为 22px,默认是 28px |
String | month |
nzFormat | 展示的日期格式,配置参考 Moment.js文档 | String | "YYYY-MM-DD" |
nzDisabled | 禁用 | bool | false |
nzDisabledDate | 用于禁用日期的回调函数,返回true表示禁用此日期 | function(date) | |
nzShowTime | 时间选项,参见nz-timepicker参数 | null |