2020.11.18 页面修改后,刷新或离开会弹出确定框 DatePicker 不能选中当前之前的时间 以及一些可以看的资料【堆栈开始……

https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

https://developer.mozilla.org/en-US/docs/Web/API/Event/returnValue#:~:text=The Event property returnValue indicates whether the default,this property to false prevents the default action.

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([]);

相关博客、资料:

https://www.cnblogs.com/lvonve/p/11820026.html

posted @ 2020-12-11 19:17  团叽  阅读(108)  评论(0编辑  收藏  举报