Jquery輸入日期掩碼不工作

我已經搜索了其他例子，但我似乎無法讓我的日期輸入掩碼工作。試圖比較我的代碼和我得到它的代碼，但似乎無法找到可能在這裏丟失的東西。Jquery輸入日期掩碼不工作

下面是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>

下面是的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>

預先感謝您。

來源

2017-06-24 Dana Aquino

至於2017年11月3日，他們更新的插件，而不是文件： https://github.com/RobinHerbots/Inputmask/blob/4.x/README_date.md

所有別名將在1通用日期時間別名可接受所需的日期時間格式的說明來代替。

我想，所有記錄的日期別名已被刪除。

用於當前版本的解決方案是使用別名「日期時間」有額外參數「inputFormat」：「MM/DD/YYYY」這是我的工作例如：

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

所以，你的任務你可以使用：

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

順便說一句，我包括整個jquery.inputmask.bundle.js從這個包。

來源

2017-11-03 09:15:00 DocSS

Jquery輸入日期掩碼不工作

回答

相關問題