现在网上基本都是v3的时间选择插件,花了点时间改了找了个v4能用的 bootstrap-datepicker
<!DOCTYPE html>
<html>
<head>
<title>datepicker</title>
<link href="css/bootstrap.min.css" rel="stylesheet" />
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--datepicker样式-->
<link href="css/bootstrap-datepicker.min.css" rel="stylesheet" />
<script src="js/bootstrap-datepicker.min.js"></script>
<!--中文语言包扩展-->
<script src="js/bootstrap-datepicker.zh-CN.js"></script>
</head>
<body>
<div class="container">
<div class="row" style="padding-top: 100px">
<div class="col">
<input data-date-format="yyyy/mm/dd" id="datepicker">
</div>
</div>
</div>
<script>
$(‘#datepicker‘).datepicker({
weekStart: 1,
daysOfWeekHighlighted: "6,0",
autoclose: true,
todayHighlight: true,
language: "zh-CN"
});
$(‘#datepicker‘).datepicker("setDate", new Date());
</script>
</body>
</html>
默认是语言是en,就直接看看原始js是$.fn.datetimepicker.dates控制的显示,自己添加了一个bootstrap-datepicker.zh-CN.js
bootstrap-datepicker的默认设置是$.fn.datepicker.defaults
原文地址：https://www.cnblogs.com/zmxmiss/p/11847779.html
时间： 2024-08-01 12:04:33