2020.11.18 页面修改后,刷新或离开会弹出确定框 DatePicker 不能选中当前之前的时间 以及一些可以看的资料【堆栈开始……
https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault
https://www.cnblogs.com/kunmomo/p/10183364.html
https://bbs.csdn.net/topics/392273393
-
以上为弹窗是否要离开/是否要刷新
-
date对象相减
-
设定弹窗出现间隔,使用localStorage
https://blog.csdn.net/fcdd123/article/details/56286106
https://www.cnblogs.com/princeness/p/11664922.html
https://developer.mozilla.org/zh-CN/docs/Web/API/Storage/setItem
- 小红点要实时刷新,所以用了hox的全局状态管理;弹窗是通过mount时间决定是否加载,所以不需要实时更新。
https://github.com/umijs/hox/blob/master/README-cn.md
- DatePicker不能选中当前之前的时间,回调函数中current参数(date)是实时更新的,可以用它来获取当前已经选择了的时间。
function disableDate(current){
return current && current < moment().startOf('day');
}
function disabledDateTime(current) {
let date = new Date()
let day = date.getDate();//今天的日期
let hour = date.getHours();//当前的小时
let min = date.getMinutes();//当前分钟
let chosenDate, chosenDay, chosenHour;
if(current) {
chosenDate = current.toDate();//选中的时间
chosenDay = chosenDate.getDate();//选中的日期
chosenHour = chosenDate.getHours();//选中的小时
}
const disabledHours = ()=>{
if(chosenDay === day){
return range(0, hour)
}
}
const disabledMinutes = ()=>{
if(chosenDay === day && chosenHour === hour){
return range(0, min)
}
}
return {
disabledHours: disabledHours,
disabledMinutes: disabledMinutes,
}
}
- import Page from '......'和import {Page} from '......'
- 做瀑布流的效果
先做,没有问题了就去请求,
先了解现在的problem是怎么做的:
function useProblemSet(token) {
const [isLoading, setLoading] = useState(true);
const [filterTags, setFilterTags] = useState({});
const [queryTags, setQueryTags] = useState([]);
const [pool, setPool] = useState([]);
相关博客、资料: