设置日期值答案

【问题标题】：Set date values设置日期值
【发布时间】：2018-06-01 08:05:44
【问题描述】：

我为用户创建了一个表单来插入日期（天/月），我需要禁用插入不连贯值的可能性，例如对于月份，最大值将是 12 和最大 31 的天数，我想禁用插入高于此数字的可能性。

这是表格

 <div class="form-group col-sm-3 col-md-3 col-lg-3">
            <label for="dtDateFrom">From Day/Month</label>
            <input type="text" name="datefrom" id="dtDateFrom"  value="%dtDateFrom%"/>
        </div>

这是我用来使它长 4 位并用 a/ 分隔的掩码

function maskFormatterForData(val) {
    $(val).mask("ZZ / ZZ", {
        translation: {
            'Z': {
                pattern: /[0-9]/,
                optional: true
            }
        }
    });
};

感谢您的帮助。

【问题讨论】：

不可能同时使用正则表达式，因为它们具有不同的值范围。您需要一个 javascript 函数来进行检查
好的，你知道怎么做吗？
要获得正确的答案，请添加一个工作代码 sn-p 重现问题，而不仅仅是代码片段。

标签： javascript jquery html forms input

【解决方案1】：

您可以将警报替换为显示消息的操作：

$("#dtDateFrom").on("change", function(){
  var result = $(this).val().split("/");
  
  if(result.length == 2){
    if(result[0] >= 1 && result[0] <= 12 && result[1] >= 1 &&  result[1] <= 12){
      alert("Valid entry");
    }
    else{
      alert("Please enter the field in format Day/Month");
    }
  }
  else{
    alert("Please enter the field in format Day/Month");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group col-sm-3 col-md-3 col-lg-3">
            <label for="dtDateFrom">From Day/Month</label>
            <input type="text" name="dtDateFrom" id="dtDateFrom" />
        </div>

【讨论】：