【问题标题】:Inputmask jquery not allowing mm/dd/yy formatInputmask jquery 不允许 mm/dd/yy 格式
【发布时间】:2018-11-19 11:12:33
【问题描述】:

我正在使用 Jquery Inputmask 来验证用户在文本框中输入的日期。我的要求是以 mm/dd/yy 格式输入日期,但 Inputmask 只允许 mm/dd/yyyy > 格式。谁能告诉我是否有一种解决方法可以使用 mm/dd/yy 格式实现相同的结果。

编辑:问题显示为可能重复,但我的要求是专门接受 mm/dd/yy 格式的日期。

$("#datepicker1").datepicker({
   constrainInput:"true",
   dateFormat:"mm/dd/yy"
});


var maskConfig = {
      leapday: "29-02-",
      separator: "/",
      showMaskOnHover: false,
      showMaskOnFocus: false,
      placeholder: "00/00/0000"
}

$('#datepicker1').inputmask('mm/dd/yyyy',maskConfig);
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>

 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css">

<input type="text" id="datepicker1"/>

【问题讨论】:

标签: javascript jquery jquery-inputmask


【解决方案1】:

var $date = $('.datepicker1');

$date.datepicker({
    format: 'dd/M/yyyy',
});
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css">
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
     
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.js"></script>
<script src="https://rawgit.com/digitalBush/jquery.maskedinput/master/dist/jquery.maskedinput.min.js"></script>



    <input type="text" class="datepicker1"/>

【讨论】:

  • 它与我的代码几乎相同,除了您将 maskConfig 参数设置为 true 并且它仍然接受 mm/dd/yyyy 格式的值。我的要求是 mm/dd/yy,例如:2018 年 12 月 23 日的 12/23/18
  • @subhrendu 请检查xdsoft.net/jqplugins/datetimepicker。它可能满足您的要求。
【解决方案2】:

 $(".datepicker1").datepicker({
       constrainInput:"true",
       format:"mm/dd/yy"
    });


    var maskConfig = {
          leapday: "29-02-",
          separator: "/",
          showMaskOnHover: true,
          showMaskOnFocus: true,
          placeholder: "00/00/00"
    }
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css">
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
     
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>


    <input type="text" class="datepicker1" data-date-format='mm/dd/yy' readonly=""/>

【讨论】:

  • 你得到了什么?
  • 打字时我可以输入每一个数字,但这不是要求
  • 我认为您没有遇到我的问题,用户需要这两种功能,1)从日期选择器中选择日期,2)通过键盘手动输入日期,但不允许用户输入无效日期
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-11-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多