mui的日期选择插件 

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

posted @ 2018-11-02 16:34  我爱大西瓜  阅读(3782)  评论(0)  编辑  收藏  举报