Jquery Eingabedatumsmaske funktioniert nicht

Question

Ich habe bereits nach anderen Beispielen gesucht, aber ich kann nicht scheinen, dass meine Datumseingabemaske funktioniert. Habe versucht, meinen Code mit dem zu vergleichen, von dem ich ihn bekommen habe, aber er scheint nicht zu finden, was hier fehlen könnte. Hier

ist der Code für die HTML:

 <td> <div class="form-group"> 
    <div class="input-group"> 
    <div class="input-group-addon"> 
    <i class="fa fa-calendar"></i> 
    </div> 
     <input type="text" class="form-control" data-inputmask="'alias': 
    'dd/mm/yyyy'" data-mask> 
      </div> 
      </div></td> 

Hier ist der Code für das javascript:

<!-- jQuery 2.2.3 --> 
    <script src="plugins/jQuery/jquery-2.2.3.min.js"></script> 
    <!-- Bootstrap 3.3.6 --> 
    <script src="bootstrap/js/bootstrap.min.js"></script> 
    <!-- DataTables --> 
    <script src="plugins/datatables/jquery.dataTables.min.js"></script> 
    <script src="plugins/datatables/dataTables.bootstrap.min.js"> 
    </script> 
    <!-- SlimScroll --> 
    <script src="plugins/slimScroll/jquery.slimscroll.min.js"></script> 
    <!-- FastClick --> 
    <script src="plugins/fastclick/fastclick.js"></script> 
    <!-- Select2 --> 
    <script src="plugins/select2/select2.full.min.js"></script> 

    <!-- InputMask --> 
    <script src="plugins/input-mask/jquery.inputmask.js"></script> 
    <script src="plugins/input- 
    mask/jquery.inputmask.date.extensions.js"></script> 
    <script src="plugins/input-mask/jquery.inputmask.extensions.js"> 
    </script> 
    <!-- date-range-picker --> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script> 
    <script src="plugins/daterangepicker/daterangepicker.js"></script>  
    <!-- AdminLTE App --> 
    <script src="dist/js/app.min.js"></script> 
    <!-- AdminLTE for demo purposes --> 
    <script src="dist/js/demo.js"></script> 
    <!-- Bootstrap 3.3.6 --> 
    <script src="bootstrap/js/bootstrap.min.js"></script> 
    <!-- AdminLTE App --> 
    <script src="dist/js/app.min.js"></script> 
    <!-- page script --> 
    <script> 
    $(function() { 
    //Initialize Select2 Elements 
    $(".select2").select2(); 
    //Datemask dd/mm/yyyy 
    $("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"}); 
    //Datemask2 mm/dd/yyyy 
    $("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": 
"mm/dd/yyyy"}); 
    $("#example1").DataTable(); 
    $('#example2').DataTable({ 
    "paging": false, 
    "lengthChange": false, 
    "searching": false, 
    "ordering": false, 
    "info": false, 
    "autoWidth": true 
    }); 

    }); 
    </script> 

Vielen Dank im Voraus.

Answer 1

Was 2017.11.03 sie Plugin aktualisiert, aber keine Dokumentation: https://github.com/RobinHerbots/Inputmask/blob/4.x/README_date.md

Alle Aliase von 1 generic Datetime alias ersetzt werden, die einen Bezeichner für den gewünschten Datums-Zeitformat annehmen kann.

Ich denke, alle dokumentierten Datums Aliase wurden bereits entfernt.

Eine Lösung für aktuelle Version ist alias ‚Datetime‘ mit zusätzlichen Parametern ‚inputformat‘ zu verwenden: ist mein Arbeitsbeispiel hier ‚mm/tt /‘:

<input name="birtdaydate" type="text" placeholder="MM/DD/YYYY" data-inputmask="'alias': 'datetime','inputFormat': 'mm/dd/yyyy'"> 

Also, Sie für Ihre Aufgabe verwenden können:

<input type="text" class="form-control" data-inputmask="'alias': 'datetime','inputFormat': 'dd/mm/yyyy'"> 

BTW, ich bin auch ganz jquery.inputmask.bundle.js aus diesem Paket.