weui的picker组件截取年月显示

最新推荐文章于 2024-02-27 10:53:32 发布

西柚要努力

最新推荐文章于 2024-02-27 10:53:32 发布

阅读量805

点赞数

CC 4.0 BY-SA版权

分类专栏：心得文章标签： weui

本文链接：https://blog.youkuaiyun.com/qq_43676606/article/details/97937134

本文介绍了在使用WeUI的picker组件时遇到的年月显示截取问题，以及通过设置html标签的touch-action属性为none来解决滑动错误的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    var date = new Date();
    var month = date.getMonth()+1;　　//获取当前月份
    var year=date.getFullYear();   //获取年份
    
    $('#selectTime').picker({
        toolbarTemplate:'<div class="toolbar"><div class="toolbar-inner"><a href="javascript:;" class="picker-button close-picker" style="color:#2F89FE;left: 0;right: auto;">取消</a><a href="javascript:;" class="picker-button close-picker" style="color:#2F89FE">完成</a></div></div>',
        cols:[
            {
                textAlign: 'left',
                values:(function () {
                    //5年前到往后10年之间的范围
                    for(var years = [],k=year-5;k<=year+10;k++){
                        years.push(k)
                    }
                    return years
                })()
            },
            {
                textAlign: 'center',
                values: ['-']
            },
            {
                textAlign: 'right',
                values:(funct