<!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 然后引入