miniUI只可以选择大于今天或者未来的日期

mini-datepicker 日期限制

最新推荐文章于 2023-05-24 10:04:12 发布

原创最新推荐文章于 2023-05-24 10:04:12 发布 · 3.5k 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

61 篇文章

订阅专栏

本文介绍如何使用miniUI中的mini-datepicker控件实现日期选择限制，确保用户只能选择今天及之后的日期。通过自定义事件监听函数onDrawFsDate，根据当前日期与服务器返回的时间进行比较，实现对过去日期的选择禁用。

miniUI中有个控件mini-datepicker,如果需要只选择今天及以后的日期可以使用下面的方法：

function onDrawFsDate(e){
        var date = e.date;
        var d = serverDate;
        if(d!=''){
            //d= new Date(Date.parse(d.replace(/-/g,  "/")));
            if (date.getTime() < d.getTime()) {
                e.allowSelect = false;
            }
        }
    }

如果今天也不能选择，则需要去掉注释，并且if判断应该改为小于等于。
解释一下serverDate表示的后台服务器时间，可以自己在后台生成获取。

在这里插入图片描述