layui调整日期选择器大小

最新推荐文章于 2023-08-22 14:15:13 发布

原创最新推荐文章于 2023-08-22 14:15:13 发布 · 1.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#layui #前端 #javascript

收录于

前端专栏收录该内容

54 篇文章

订阅专栏

本文介绍了如何通过CSS和布局调整layui日期选择器组件的尺寸、缩放及底部位置，方便开发者快速定制界面。

    //    日期选择器
    #layui-laydate1, #layui-laydate2 {
        width: 9rem;
        height: 10rem;
    }

    .layui-laydate-main {
        transform: scale(0.8);
        transform-origin: 0 0;
    }

    .layui-laydate-footer {
        bottom: 2.1rem;
    }