antd时间选择器

disabledDate(current) {// Can not select days before today and todayreturn current < moment().subtract(1, "day") ;//当前以前// return current && current < moment().endOf('day');//包含当前天以前
},

大于当前日期不能选 time > moment()
小于当前日期不能选 time < moment().subtract(1, “days”)
只能选前7后7 time < moment().subtract(7, “days”) || time > moment().add(7, ‘d’)
return time < moment().subtract(7, “days”) || time > moment().add(7, ‘d’)

moment

moment获取天的23时59分59秒可以用moment().endOf(String)，以及获取天的0时0分0秒可以用moment().startOf(‘day‘)

获取今天0时0分0秒
```
moment().startOf(‘day‘)
```
获取本周第一天(周日)0时0分0秒
```
moment().startOf(‘week‘)
```
获取本周周一0时0分0秒
```
moment().startOf(‘isoWeek‘)
```
获取当前月第一天0时0分0秒
```
moment().startOf(‘month‘)
```

End of Time
```
moment().endOf(String)
```
- 获取今天23时59分59秒
```
moment().endOf(‘day‘)
```
- 获取本周最后一天(周六)23时59分59秒
```
moment().endOf(‘week‘)
```
- 获取本周周日23时59分59秒
```
moment().endOf(‘isoWeek‘)
```
- 获取当前月最后一天23时59分59秒
```
moment().endOf(‘month‘)
```

Days in Month

moment().daysInMonth()

获取当前月的总天数
```
moment().daysInMonth()
```

Timestamp

获取时间戳(以秒为单位)

moment().format(‘X‘) // 返回值为字符串类型
moment().unix() // 返回值为数值型

获取时间戳(以毫秒为单位)

moment().format(‘x‘) // 返回值为字符串类型
moment().valueOf() // 返回值为数值型

Get Time

获取年份

moment().year()
moment().get(‘year‘)

获取月份

moment().month() (0~11, 0: January, 11: December)
moment().get(‘month‘)

获取一个月中的某一天

moment().date()
moment().get(‘date‘)

获取一个星期中的某一天

moment().day() (0~6, 0: Sunday, 6: Saturday)
moment().weekday() (0~6, 0: Sunday, 6: Saturday)
moment().isoWeekday() (1~7, 1: Monday, 7: Sunday)
moment().get(‘day‘)
mment().get(‘weekday‘)
moment().get(‘isoWeekday‘)

获取小时

moment().hours()
moment().get(‘hours‘)

获取分钟

moment().minutes()
moment().get(‘minutes‘)

获取秒数

moment().seconds()
moment().get(‘seconds‘)

获取当前的年月日时分秒

moment().toArray() // [years, months, date, hours, minutes, seconds, milliseconds]
moment().toObject() // {years: xxxx, months: x, date: xx ...}

设置时间

Set Time

moment().year(Number), moment().month(Number)...
moment().set(String, Int)
moment().set(Object)

设置年份

moment().year(2019)
moment().set(‘year‘, 2019)
moment().set({year: 2019})

设置月份

moment().month(11) (0~11, 0: January, 11: December)
moment().set(‘month‘, 11)

设置某个月中的某一天

moment().date(15)
moment().set(‘date‘, 15)

设置某个星期中的某一天

moment().weekday(0) // 设置日期为本周第一天（周日）
moment().isoWeekday(1) // 设置日期为本周周一
moment().set(‘weekday‘, 0)
moment().set(‘isoWeekday‘, 1)

设置小时

moment().hours(12)
moment().set(‘hours‘, 12)

设置分钟

moment().minutes(30)
moment().set(‘minutes‘, 30)

设置秒数

moment().seconds(30)
moment().set(‘seconds‘, 30)

Add Time

moment().add(Number, String)
moment().add(Object)

设置年份

moment().add(1, ‘years‘)
moment().add({years: 1})

设置月份
```
moment().add(1, ‘months‘)
```
设置日期
```
moment().add(1, ‘days‘)
```
设置星期
```
moment().add(1, ‘weeks‘)
```
设置小时
```
moment().add(1, ‘hours‘)
```
设置分钟
```
moment().add(1, ‘minutes‘)
```
设置秒数
```
moment().add(1, ‘seconds‘)
```

Subtract Time

moment().subtract(Number, String)
moment().subtract(Object)

设置年份

moment().subtract(1, ‘years‘)
moment().subtract({years: 1})

设置月份
```
moment().subtract(1, ‘months‘)
```
设置日期
```
moment().subtract(1, ‘days‘)
```
设置星期
```
moment().subtract(1, ‘weeks‘)
```
设置小时
```
moment().subtract(1, ‘hours‘)
```
设置分钟
```
moment().subtract(1, ‘minutes‘)
```
设置秒数
```
moment().subtract(1, ‘seconds‘)
```

格式化时间

Format Time

moment().format()
moment().format(String)

格式化年月日： ‘xxxx年xx月xx日‘
```
moment().format(‘YYYY年MM月DD日‘)
```
格式化年月日： ‘xxxx-xx-xx‘
```
moment().format(‘YYYY-MM-DD‘)
```
格式化时分秒(24小时制)： ‘xx时xx分xx秒‘
```
moment().format(‘HH时mm分ss秒‘)
```
格式化时分秒(12小时制)：‘xx:xx:xx am/pm‘
```
moment().format(‘hh:mm:ss a‘)
```

格式化时间戳(以秒为单位)

moment().format(‘X‘) // 返回值为字符串类型

格式化时间戳(以毫秒为单位)

moment().format(‘x‘) // 返回值为字符串类型

比较时间

Difference

moment().diff(Moment|String|Number|Date|Array)

获取两个日期之间的时间差

let start_date = moment().subtract(1, ‘weeks‘)
let end_date = moment()end_date.diff(start_date) // 返回毫秒数end_date.diff(start_date, ‘months‘) // 0
end_date.diff(start_date, ‘weeks‘) // 1
end_date.diff(start_date, ‘days‘) // 7
start_date.diff(end_date, ‘days‘) // -7

转化为JavaScript原生Date对象

moment().toDate()
new Date(moment())

将Moment时间转换为JavaScript原生Date对象

let m = moment()
let nativeDate1 = m.toDate()
let nativeDate2 = new Date(m)String(nativeDate1) === String(nativeDate2) // true

实战

获取昨日0时0分0秒到昨日23时59分59秒，格式：[milliseconds, milliseconds]
获取上周一到上周日时间范围，格式: [seconds, seconds]
获取上个月第一天和最后一天时间范围，格式：[YYYY-MM-DD, YYYY-MM-DD]

antd中的disabledDate不可选择时间的处理-包含或不包含当前选择-moment相关推荐

前端---antd中的日期选择组件
React---使用antd中的DatePicker实现YearPicker 需求React 现有的组件类型手动实现YearPicker 需求React 需要设计一个时间选择框,但是只需要选中某年即 ...
antd中reset为啥点击两次
antd中form中resetFields清空输入框 1.如果没有initValue的情况下,直接使用resetFields可以清空文本框的值 2.如果是有initValue的情况下,直接使用rese ...
antd中table组件中如何进行换行操作（react中）
antd中table组件中如何进行换行操作(react中) 说明效果数据代码说明 react项目,遇到某字段对应的单元格内需要换行. 最初想偷懒,尝试了在数据中加入回车.使用模板字符串.转义字 ...
antd中如何给Table表格添加合计行
最近项目需求:在表格底部添加一行为金额的合计行,然后分页每页都显示,金额字段是后端返回的数据,前端不进行计算. 因为项目的UI框架使用的是Ant Design 3.x版本,找了一下Table的使用方法 ...
antd 中的 table 组件设置 size 属性值为 small 后，表头背景色设置的解决方案
antd中的 table 组件的效果图: 默认size属性值是default : 当设置size="small" ; 表头的背景色没有了: 解决方案:在表格列里面设置 classN ...
antd中实现隐藏某一列数据
在工作中我们可能会有这样需求,比如在课程管理中可能会存在相同名字的老师名字,这个时候如果再靠以前的查询数据后遍历数组是不可取的.这个时候我便可以利用教师编号唯一性的特点. antd中每一列数据都有唯一 ...
怎么才能让Antd中的嵌套子表格渲染不一样的内容
目录一.子表格与父表格的数据存储在一起方式一:Function(record, index, indent, expanded):VNode 方式二:#expandedRowRender=&quo ...
中达优控一体屏台达程序，包含中达优控屏程序
中达优控一体屏台达程序,包含中达优控屏程序,plc程序,程序结构清晰,注释完整 ID:3618643532025121工业自动化
增值税纳税申报表的表头中，“所属行业”那栏打开是空白的，不能选择
北京国税办税软件的增值税申报业务增值税纳税申报表(适用于增值税一般纳税人)的表头中,"所属行业"那栏打开是空白的,不能选择,这是为什么? writebb 运行时错误91 未设置对 ...

antd中的disabledDate不可选择时间的处理-包含或不包含当前选择-moment

antd时间选择器

moment

设置时间

格式化时间

比较时间

转化为JavaScript原生Date对象

实战

antd中的disabledDate不可选择时间的处理-包含或不包含当前选择-moment相关推荐

最新文章

热门文章