【Layui】时间日期控件

最新推荐文章于 2024-08-22 17:29:05 发布

咔咔-

最新推荐文章于 2024-08-22 17:29:05 发布

阅读量2k

点赞数

分类专栏： Layui 文章标签： Layui

本文链接：https://blog.csdn.net/fangkang7/article/details/85762958

版权

Layui 专栏收录该内容

35 篇文章 2 订阅

订阅专栏

author：咔咔

wechat：fangkangfk

html：

        <div class="layui-form-item">
            <label class="layui-form-label">日期时间选择器</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="test5" placeholder="yyyy-MM-dd HH:mm:ss">
            </div>
        </div>

js：

layui.use(['laypage','laydate' ,'layer','form'], function() {
        var laypage = layui.laypage
            , layer = layui.layer,
            form = layui.form;
        var laydate = layui.laydate;
        form.on('select(type_mid)', function(data){
            type_id = data.value;
        })

        //日期时间选择器
        laydate.render({
            elem: '#test5'
            ,type: 'datetime'
        });

    });

效果：