首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >引导数据报警器不会将值限制为最小和最大日期

引导数据报警器不会将值限制为最小和最大日期
EN

Stack Overflow用户
提问于 2017-03-31 07:07:39
回答 1查看 2.1K关注 0票数 0

我需要在今天之前限制最大日期,所以我使用下面的代码:

代码语言:javascript
复制
<div class="datepicker">
    @Html.TextBoxFor(m => m.Birthdate, "{0:dd.MM.yyyy}", new { @class = "form-control", @style="max-width: 240px;" })
</div>
<script type="text/javascript">

    $(function () {
        $('.datepicker input').datepicker({
            language: "ru",
            autoclose: true,
            format: "dd.mm.yyyy",
            todayHighlight: true,
            maxDate: new Date()
        });
    });

</script>

由于不同浏览器之间存在一些问题,我还使用了一个自定义数据传递器:

代码语言:javascript
复制
jQuery.validator.methods.date = function (value, element) {
    var pattern = new RegExp('^(?:(?:31(\/|-|\.)(?:0?[13578]|1[02]))\1|(?:(?:29|30)(\/|-|\.)(?:0?[1,3-9]|1[0-2])\2))(?:(?:1[6-9]|[2-9]\d)?\d{2})$|^(?:29(\/|-|\.)0?2\3(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\d|2[0-8])(\/|-|\.)(?:(?:0?[1-9])|(?:1[0-2]))\4(?:(?:1[6-9]|[2-9]\d)?\d{2})$');
    return this.optional(element) || pattern.test(value);
}

正如我在标题中所写的那样,对min和max日期的限制不起作用(我也试图设置一个min日期)。我不确定,但可能是由于cutom验证代码造成的。但是我需要怎么改变它呢?

P.S.,如果我的问题太简单,我很抱歉,但我不太了解JS。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-03-31 07:15:58

使用startDate和endDate可以设置

代码语言:javascript
复制
$(function () {
        $('.datepicker input').datepicker({
            language: "ru",
            autoclose: true,
            format: "dd.mm.yyyy",
            todayHighlight: true,
            startDate : new Date('2017-03-10'),
            endDate : new Date()
        });
    });
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet"/>

<div class="datepicker">
<input type='text' id='Birthdate'/>
</div>

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43134536

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档