bootstrap时间插件

bootstrap时间插件demo

by blackts

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker3.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 引入资源文件在左侧 -->
<input type="text" class="datepicker" readonly>

CSS

.input-group {
  width: 200px
}

JavaScript

$('.datepicker').datepicker({
  format: "yyyy-mm-dd", //时间格式化
  autoclose: true, //自动关闭
  todayHighlight: true, //今日高亮
  language: "zh-CN" //中文
});