flatpickr时间插件

忘是亡心i 2022-07-12 03:47 382阅读 0赞

flatpickr功能强大的日期时间选择器插件
实例：

  1. <!DOCTYPE html>
  2. <html lang="en" class="no-js">
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>时间插件应用</title>
  6.         <link href="flatpickr/flatpickr.min.css" rel="stylesheet" type="text/css"/>
  7.         <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
  8.         <script type="text/javascript" src="flatpickr/l10n/zh.js"></script>
  9.         <script type="text/javascript" src="flatpickr/flatpickr.min.js"></script>
  10.     </head>
  11.     <body>
  12.         <form action="">
  13.         <label>时间插件应用</label>
  14.         <input type="text" class="flatpickr">
  15.         </form>
  16.     </body>
  17.     <script type="text/javascript"> $(".flatpickr").flatpickr({ enableTime: true, locale: "zh", minuteIncrement: 1, time_24hr: true, }); </script>
  18. </html>

在线演示 ：
http://www.niuqiqi.com/api/demo/index.php?url=/z-dm/2016/8/niuqiqi221430

flatpickr日期时间选择器插件的github地址为：https://github.com/chmln/flatpickr。

其他时间选择：
http://www.niuqiqi.com/html/down-tag-shijianxuanze.html
日期选择：
http://www.niuqiqi.com/html/down-tag-riqixuanze.html

发表评论

表情：
评论列表 （有 0 条评论，382人围观）

还没有评论，来说两句吧...

相关阅读