插件下载
百度搜索bootstrap-datepicker,这里不再提供相关链接
示例代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="/js/jquery-3.1.0.min.js"></script>
<link href="/css/datepicker/bootstrap-datepicker.min.css" rel="stylesheet">
<script src="/js/datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/datepicker/bootstrap-datepicker.zh-CN.min.js"></script>
</head>
<body>
<label for="date">测试日期输入</label>
<input type="date" class="form-control datepickers" id="date" name="date" value="2016-04-05" placeholder="测试日期输入" required>
<script type="text/javascript">
$(".datepickers").datepicker({
format: "yyyy-mm-dd",
weekStart: 0,
language: "zh-CN",
autoclose: true,
todayHighlight: true
});
</script>
</body>
</html>