| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="开始时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss'),minuteStep:5,hideDisabledOptions:true}" |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss'),hideDisabledOptions:true}" |
| | | date-format="YYYY-MM-DD HH:mm:ss" |
| | | placeholder="请选择开始时间" |
| | | :disabledDate="disabledDate" class="query-group-cust" |
| | | v-decorator="['startTime', validatorRules.startTime]" :disabledTime="disabledDateTime"></j-date> |
| | | v-decorator="['startTime', validatorRules.startTime]" :disabledTime="disabledDateTime" |
| | | :showToday="false"></j-date> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="结束时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss'),minuteStep:5,hideDisabledOptions:true}" |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss'),hideDisabledOptions:true}" |
| | | date-format="YYYY-MM-DD HH:mm:ss" |
| | | placeholder="请选择结束时间" |
| | | :disabledDate="disabledDate" class="query-group-cust" |
| | | v-decorator="['endTime', validatorRules.endTime]" :disabledTime="disabledDateTime"></j-date> |
| | | v-decorator="['endTime', validatorRules.endTime]" :disabledTime="disabledDateTime" |
| | | :showToday="false"></j-date> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | disabledDate(current) { |
| | | //Can not slect days before today and today |
| | | // return current && current < moment().endOf("day"); |
| | | return current < moment().subtract(+2, 'day')//前一天之前的年月日不可选,不包括前一天 |
| | | return current < moment().subtract(+2, 'day').endOf('day')//前一天之前的年月日不可选,不包括前一天 |
| | | }, |
| | | moment, |
| | | // onChange(dates) { |
| | |
| | | checkboxChange(e) { |
| | | this.checked = e.target.checked |
| | | }, |
| | | range(start, end) { |
| | | const result = [] |
| | | for (let i = start; i < end; i++) { |
| | | result.push(i) |
| | | } |
| | | return result |
| | | }, |
| | | /** |
| | | * 禁用日期选择器中的时间选择 |
| | | * @returns {{disabledSeconds: (function(): number[])}} |
| | | * @returns {{disabledSeconds: (function(): number[])}} 返回值为一个对象,可以禁止小时、分钟、秒,目前仅禁止所有秒数,最低从1开始,从0开始确定按钮将被禁用 |
| | | */ |
| | | disabledDateTime() { |
| | | return { |
| | | disabledSeconds: () => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59] |
| | | disabledSeconds: () => this.range(1, 60) |
| | | } |
| | | } |
| | | } |
| | |
| | | .ant-tabs-content .ant-form-item { |
| | | margin-bottom: 0px; |
| | | } |
| | | |
| | | |
| | | </style> |