antDesignVue 时间选择框,不可选过去或未来时间
2020-06-06 07:33
106 查看
antDesignVue 时间选择框
<a-date-picker :disabledDate="disabledDate" @ok="timeOk" format="YYYY-MM-DDTHH" :showTime="{ defaultValue: moment(moment().add(1,'hours').format('HH'), 'HH') }" v-decorator="['stopTime',{ rules: [ { required: true,message: '请选择日期' } ] }]" />
- 不可选过去或未来的时间
disabledDate (current) { // 不可选过去时间 return current < moment().add(-1, 'd'); // 不可选未来时间 return current && current > Date.now(); },
- 表单中判断所选时间是否符合要求,若不符合清空所选时间并提示错误信息
timeOk (date) { if(date < moment()) { console.log('无效时间,请重新选择') this.form.setFields({stopTime:{ value: undefined, errors: [new Error('无效时间,请重新选择')] }}) } },
相关文章推荐
- Ant design vue中的联动选择取消
- ant-design-vue组件的三种加载方式
- vue+ElementUI 日期选择器 获取时间戳
- ant-design-vue运行时切换主题
- VUE+Ant Design Vue:div模拟input实现输入框
- Ant Design Vue form结合label-in-value select组件出现的问题
- Ant Design Pro of Vue记录
- ant-design vue中时间选择框datepicker向后台传输错误
- ant-design-vue中select跟tree-select设置placeholder无效
- Ant Design Vue 给form动态赋值时 出现set a form field before rendering a field associated with the value.
- Nuxt.js+Ant Design Vue树形控件组件
- vue+ant-design 实现table的td元素限定为固定的宽度,超出的字用省略号代替
- 关于ant-design-vue的table内嵌输入框性能问题
- Nuxt.js+Ant Design Vue轮播图上方有漂浮窗
- nodejs(13):使用 ant-design-pro-vue 修改配置文件打包 ,去掉sourceMap,保证代码安全
- vue.js + iview + DatePicker控件,时间区间选择
- vue-cli 3.x安装及ant-design-vue
- ant-design-vue 快速入手及常用标签
- ant-design-vue 实现表格内部字段验证功能
- Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能