現在網上基本都是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