<li><b class="noStar">生日:</b> <input class="js-date-picker input" type="text" placeholder="" readonly="readonly"></li>
var mydate = new Date(); var maxDate = mydate.getFullYear() + \'-\' + (mydate.getMonth()+1) + \'-\' + mydate.getDate() var calendar = new datePicker(); calendar.init({ trigger: ".js-date-picker" /*按钮选择器,用于触发弹出插件*/, type: "date" /*模式:date日期;datetime日期时间;time时间;ym年月;year:年*/, minDate: "1900-1-1" /*最小日期*/, maxDate: maxDate /*最大日期*/, onSubmit: function() { /*确认时触发事件*/ // let theSelectData = calendar.value }, onClose: function() { /*取消时触发事件*/ } })
测试成功:https://act.mcake.com/fangli/2021/wap/new-people/register.html
https://h5.mcake.com/#/users/usersDetail
--------------------------------------------全部代码-------------------------------------------------
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <li><b class="noStar">生日:</b> <input class="js-date-picker input" type="text" placeholder="" readonly="readonly"></li> <script src="https://act.mcake.com/fangli/2019/wap/commonjs/jquery.min.js"></script> <script src="datePicker.js"></script> <script type="text/javascript"> var mydate = new Date(); var maxDate = mydate.getFullYear() + \'-\' + (mydate.getMonth()+1) + \'-\' + mydate.getDate() var calendar = new datePicker(); calendar.init({ trigger: ".js-date-picker" /*按钮选择器,用于触发弹出插件*/, type: "date" /*模式:date日期;datetime日期时间;time时间;ym年月;year:年*/, minDate: "1900-1-1" /*最小日期*/, maxDate: maxDate /*最大日期*/, onSubmit: function() { /*确认时触发事件*/ // let theSelectData = calendar.value }, onClose: function() { /*取消时触发事件*/ } }); </script> </body> </html>