bootstrap4的日期插件--gijgo

4390阅读 0评论2020-01-01 大镇
分类:Python/Ruby

CDN地址


官方效果演示:


注意:
如果是下载到本地的话,需要一并下载两个文件,
一个是gijgo-material.ttf ,一个是:gijgo-material.woff
从这里下载:


效果:



点击(此处)折叠或打开

  1. <!doctype html>
  2. <html lang="en">

  3. <head>
  4.     <title>Title</title>
  5.     <!-- Required meta tags -->
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  8.     <!-- Bootstrap CSS -->
  9.     <link rel="stylesheet" href="">
  10. </head>

  11. <body>
  12.     <div class="container">
  13.         <div class="row">
  14.             <div class="col-sm-12">
  15.                 <div class="card">
  16.                     <div class="card-body">
  17.                         <h4 class="card-title">日期选择演示</h4>
  18.                         <p class="card-text">请选择日期</p>
  19.                         <input id="datepicker" class="col-12">
  20.                     </div>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.     </div>
  25.     <!-- Optional JavaScript -->
  26.     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  27.     <script src=""></script>
  28.     <script src=""></script>
  29.     <script src=""></script>
  30.     <script src=""></script>
  31.     <script src=""></script>
  32.     <script>
  33.         $("#datepicker").datepicker({
  34.         locale: 'zh-cn',
  35.         weekStartDay: 1,
  36.         format: 'yyyy-mm-dd hh:mm:ss',
  37.         footer: true,
  38.         modal: true
  39.         });
  40.     </script>
  41. </body>

  42. </html>

上一篇:python3安装mysqlclient
下一篇:python获取农历信息,sxtwl 的使用