![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
antd
若~~~
爱自己才是终身浪漫的开始。❤️
展开
-
React中使用antd表单 导出表单
import React, { Component } from 'react'import XLSX from 'xlsx'import { Button } from 'antd'// 导出excel表格function exportExcel(dataSource, columns) {//接收2个参数:表头和表中的内容 if (!dataSource.length) { ...原创 2019-07-09 21:25:43 · 1481 阅读 · 3 评论 -
react中使用了antd的input,如何修改精度和设置输入数据类型为Number,只能输入小数点后4位,并且不能输入'e E + - '这些特殊字符
需求:有一个input框,要求只能输入数字,并且小数点后面输入4位,多余的部分就输入不进去,自己使用了antd的input组件,至于小数点后四位,直接正则搞定,输入数据类型的话,设置type类型为number,但是发现还能输入’-’, ‘+’, ‘e’, ‘E’ 这些字符,于是通过以下方法实现了效果 type="number" //设置为number类型 ...原创 2019-07-23 19:14:54 · 8251 阅读 · 0 评论 -
react结合antd日期组件使用方法(结束时间不能小于开始时间)
需求:实现开始和结束时间的选择,并且选择开始时间之后,结束时间不能小于开始时间,或者说先选择了结束时间,开始时间选择的时候只能小于结束时间,不能选择的日期禁用import { Button, DatePicker } from 'antd'class DatePickers extends React.Component { constructor() { super(...原创 2019-07-25 14:42:50 · 5340 阅读 · 0 评论 -
React结合 antd 实现手机或者邮箱获取验证码60秒倒计时
我这边是使用了antd button 和input 组件,若大家需要 提前下载import { Input, Button } from ‘antd’ <div> <p className={`littleTitle`}>手机号</p> <Input className={`apiMobileI...原创 2019-08-08 14:26:51 · 7246 阅读 · 6 评论 -
react实现一键复制功能
实现功能如上图:input 和 button 按钮是在一个元素里面,需要点击复制的时候,复制到input 中的value值,可以在任何地方粘贴代码://message 用于提示是否复制成功,是antd 自带的组件,可以直接引用import { message } from 'antd' <div className='inputBox' style={{position: ...原创 2019-08-06 17:11:04 · 11216 阅读 · 0 评论 -
react 使用antd的form表单, 使用getFieldDecorator中的rules进行格式限制以及认证
需求: 对输入框中的内容进行校验,不能输入特殊字符,输入内容,必须大于2,小于10位直接撸代码: <Item> {getFieldDecorator('ApiName', { //设置默认value ...原创 2019-08-07 17:48:51 · 8284 阅读 · 10 评论