
vue2.0
心若向阳(* ̄︶ ̄)
期待与未来的你相遇
展开
-
antd 输入框必填项校验十位十六进制或者八位字母数字
antd 输入框必填项校验十位十六进制或者八位字母数字原创 2022-04-14 20:51:41 · 1780 阅读 · 0 评论 -
antd DatePicker组件a-date-picker、a-week-picker、a-month-picker 限制选未来时间以及周、月转化成日期
1、a-date-picker:默认当天,限制选择未来日期(后台需要日期区间参数)<a-col :xxl="5" :xl="6" :lg="12"> <a-form-item label="时间" :labelCol="{ span: 4 }" :wrapperCol="{ span: 19 }" > <a-date-picker style="width: 100%" v-decorator="['timeF原创 2022-03-03 10:46:00 · 12020 阅读 · 0 评论 -
antd 表单中必填项 Upload 上传组件使用
1、需求,在表单中,有上传的必填项,如图:2、遇到的第一坑就是,上传成功但图标一直在上传状态(没加 file-list 属性)3、解决:添加 :file-list=“fileList”,完整代码:// 子组件html :<a-form layout="vertical" :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 19 }" > <a-row :gutter="5"&g原创 2022-03-02 11:47:57 · 4591 阅读 · 4 评论 -
antdv RangePicker组件选中前后一天,前后一周,前后一个月
1、前后一天<div class="time-box"> <button class="time-item" @click="beforeDay(true)" :style="disnone ? ' cursor: no-drop;' : ' cursor: pointer;'" :disabled="disnone ? true : false" > 前一天 </button> <a-range-picke原创 2022-02-15 11:52:11 · 1436 阅读 · 0 评论 -
antdv + moment DatePicker日期组件默认显示当天、当周、当月
一、当天: 两种形式1、非表单<a-range-picker :allowClear="false" v-model="timeForm" class="range-item" style="width: 98%" format="YYYY-MM-DD" :ranges="{ 当天: [moment(), moment()], }" :placeholder="['开始时间', '结束时间']" :disabledDate="disabledDate"原创 2022-02-15 10:58:16 · 5388 阅读 · 0 评论 -
antdv 下拉框组件搜索
1、添加两个属性:showSearch(使单选模式可搜索) 和 filterOption(是否根据输入项进行筛选)html:<a-col :xxl="8" :xl="12" :sm="24" class="ex-item"> <a-form-item label="关联测站名称:" > <a-select :showSearch="true" placeholder="请选择关联测站名称" v-dec原创 2022-02-15 10:01:04 · 1236 阅读 · 0 评论