日期选择器-具有辅助功能-兼容IE11及更高版本

问题描述 投票:-2回答:1

我正试图找到一个日期选择器:

  • 适用于所有浏览器(IE11及更高版本)
  • 在文本框上工作(无输入类型的“日期”)
  • 是否可访问性友好(具有文本框验证掩码)
  • 在所有浏览器上以相同的方式呈现

文本框蒙版和日期选择器可以分开。

我尝试过:-jQueryUI(自定义下载似乎已损坏)-Bootstrap Datepicker(在IE11上为broke)

请帮助查找具有上述条件的库,可以将jquery作为必需的库

javascript jquery internet-explorer-11
1个回答
0
投票

我建议尝试参考下面的示例。

<!doctype html>
<html lang = "en">
   <head>
      <meta charset = "utf-8">
      <title>jQuery UI Datepicker functionality</title>
      <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet">
      <script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
      <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
      <script src = "https://rawgit.com/digitalBush/jquery.maskedinput/master/dist/jquery.maskedinput.min.js"></script>
    <script>
         $(function() {
            $("#datepicker-1").datepicker().mask('99/99/9999');
         });	
    </script>
   </head>
   <body>
      <p>Enter Date: <input type = "text" id = "datepicker-1" placeholder="MM / DD / YYYY"></p>
   </body>
</html>

在IE 11浏览器和Google Chrome浏览器中的输出:

enter image description here

此外,您可以根据自己的要求尝试修改样本。

© www.soinside.com 2019 - 2024. All rights reserved.