weui 自定义datepicker 年月日上午下午四级联动的实现

最新推荐文章于 2022-06-27 15:06:40 发布

爱吃茄子的懒羊羊

最新推荐文章于 2022-06-27 15:06:40 发布

阅读量1.2k

点赞数 1

分类专栏：微信公众号文章标签：微信公众号 weui 年月日天四级联动 datepicker

本文链接：https://blog.csdn.net/realzuile/article/details/99331557

版权

由于项目需求，需要自定制年月日上午这种四级联动，经过模仿官方weui.min.js实现了上述功能。

根据此种样式可以灵活实现月日两级联动或年月日时分秒六级联动功能。代码如下：

<link rel="stylesheet" href="/wxweb/css/weui.css">  //注意改为自己的路径
<script src="/wxweb/static/wxweb/jquery/jquery-3.4.1.min.js"></script>

    <body>
        <input type="text" id="test"/>
    </body>
<script src="/wxweb/js/weui/weui.min.js"></script>
<script src="/wxweb/static/wxweb/js/test.js"></script>

test.js如下：

$(document).ready(function() {
    $('#test').on('click', function() {
       weui.picker(setmydate(), {
       //此处编写各种属性和事件
       onConfirm: function(result) {
           console.log(result);
        }
       });
   })