Inputmask jquery not allowing mm/dd/yy format

1.4k Views Asked by At

I am using Jquery Inputmask to validate date entered by users in a textbox. My requirement is to enter the date in mm/dd/yy format but Inputmask only allows mm/dd/yyyy format. Can anyone tell me if there's a workaround to achieve the same result with mm/dd/yy format.

Edit: The question is showing as possible duplicate but my requirement is to accept date in mm/dd/yy format specifically.

$("#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"/>

2

There are 2 best solutions below

2
On

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"/>

3
On

 $(".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=""/>