现在网上基本都是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