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

Question

我正在尝试找到一个日期选择器：

适用于所有浏览器（IE11 及更高版本）
适用于文本框（无输入类型 "date"）
辅助功能是否友好（具有文本框验证掩码）
在所有浏览器上以相同的方式呈现

Textbox Mask 和 Datepicker 可以分开。

我试过： - jQueryUI（自定义下载似乎坏了） - Bootstrap 日期选择器（在 IE11 上损坏）

请帮忙找一个符合以上条件的图书馆，可以有jquery个需要的图书馆

Answer 1

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

<!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 浏览器中的输出：

另外，您可以根据自己的需求尝试修改示例。

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

Date Picker - With Accessibility Features - Compatible to IE11 and up

javascript

jquery

internet-explorer-11