<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.js"></script> <script src="https://cdn.bootcss.com/mui/3.7.1/js/mui.js"></script> </head> <body> <button type="button">點我</button> <script> //選擇年月日 $('button').click(function() { //規定年月日的選擇 var dtpicker = new mui.DtPicker({ type: "date", //設置日歷初始視圖模式 //真正的月份比寫的多一個月。 type的類型你還是可以選擇date datetime month time hour beginDate: new Date(2000, 01, 01, 0, 0), //設置開始日期 ///yg備注：括號中不填 endDate: new Date(2020, 01, 01, 0, 0), //設置結束日期 //真正的是10.21 labels: ['年', '月', '日'] //設置默認標簽區域提示語 }); dtpicker.show(function(e) { console.log(e); //獲取到時間戳 let date = new Date(e.value).getTime() / 1000; console.log(date); }); }); </script> </body> </html>
此插件需要下載mui的js和css 然后引入