shimily

 

 

 

 <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>

 

分类:

技术点:

相关文章: