My97DatePicker日期限制

最新推荐文章于 2023-01-14 09:42:59 发布

我是芋头呀

最新推荐文章于 2023-01-14 09:42:59 发布

阅读量287

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： My97DatePicker

本文链接：https://blog.youkuaiyun.com/weixin_43845550/article/details/86597816

前端专栏收录该内容

33 篇文章

订阅专栏

本文详细介绍了如何使用WdatePicker插件设置日期选择器，包括限制开始和结束日期的范围，确保结束日期总是在开始日期之后。通过示例展示了如何只允许用户选择到月或到日的日期，同时确保所选日期不超过当前日期。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.开始日期跟结束日期只能输入年与月，最大不超过当前月份，并且结束日期必须大于结束日期

<input id="s1" class="Wdate" value="@DateTime.Now.AddDays(-0).ToString("yyyy-MM")" />

<input id="e1" class="Wdate" value="@DateTime.Now.AddDays(-0).ToString("yyyy-MM")" />


$("#s1").on("focus", function () {
            var theme = $("link[data-theme]").eq(0).attr("data-theme");
            WdatePicker({ dateFmt: 'yyyy-MM', readOnly: true, skin: theme, maxDate: '#F{$dp.$D(\'e1\')}' });
        });
        $("#e1").on("focus", function () {
            var theme = $("link[data-theme]").eq(0).attr("data-theme");
            WdatePicker({ dateFmt: 'yyyy-MM', readOnly: true, skin: theme, minDate: '#F{$dp.$D(\'s1\')}', maxDate: '%y-%M' });
        });

2.开始日期跟结束日期输入年与月与日，最大不超过当前日期，并且结束日期必须大于结束日期

    <input id="s1" class="Wdate" value="@DateTime.Now.AddDays(-0).ToString("yyyy-MM-dd")" />
    
    <input id="e1" class="Wdate" value="@DateTime.Now.AddDays(-0).ToString("yyyy-MM-dd")" />
    
    
   $("#s1").on("focus", function () {
            var theme = $("link[data-theme]").eq(0).attr("data-theme");
            WdatePicker({ dateFmt: 'yyyy-MM-dd', readOnly: true, skin: theme, maxDate: '#F{$dp.$D(\'e1\')}' });
        });
        $("#e1").on("focus", function () {
            var theme = $("link[data-theme]").eq(0).attr("data-theme");
            WdatePicker({ dateFmt: 'yyyy-MM-dd', readOnly: true, skin: theme, minDate: '#F{$dp.$D(\'s1\')}', maxDate: '%y-%M-%d' });
        });