使用zepto库结合weui做移动端选择日期

最新推荐文章于 2021-10-18 15:16:36 发布

sxs7970

最新推荐文章于 2021-10-18 15:16:36 发布

阅读量752

点赞数

分类专栏：前端 JavaScript 文章标签：日期选择移动端日期选择

本文链接：https://blog.csdn.net/sxs7970/article/details/106661047

版权

前端同时被 2 个专栏收录

132 篇文章 2 订阅

订阅专栏

JavaScript

10 篇文章 0 订阅

订阅专栏

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。

cv走可以直接用

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>WeUI</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <!--引入weui的css样式文件-->
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.css" />
</head>

<body>
    <div id="showDatePicker">选择</div>
</body>
    <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.js" type="text/javascript" charset="utf-8"></script>
    <!--引入-->
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!--weui.min.js有版本之分，在低版本的js中有些功能不完善，在高版本会支持-->
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.1.4/weui.min.js"></script>


    <script type="text/javascript">
        $('#showDatePicker').on('click', function () {
            weui.datePicker({
                start: 1990,
                end: new Date().getFullYear(),
                onChange(res){
                    console.log(res);
                },
                onConfirm(res) {
                    console.log(res);
                    var date=res[0].label+'-'+res[1].label+'-'+res[2].label
                    $('#showDatePicker').html(date)
                }
            });
        });
    </script>
</html>

sxs7970

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用zepto库结合weui做移动端选择日期

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。cv走可以直接用<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>WeUI</title> <meta name="viewport" content="width=devic.
复制链接

扫一扫