动态修改layui时间控件的类型

最新推荐文章于 2023-11-06 14:47:37 发布

Mike_lucy

最新推荐文章于 2023-11-06 14:47:37 发布

阅读量353

点赞数

文章标签： layui javascript 前端

本文链接：https://blog.csdn.net/Mike_lucy/article/details/130643043

版权

html代码

<label>上传日期:</label>

                <div class="layui-input-inline" id="timediv">
                    <input type="datetime" style="width: 130px" class="layui-input" id="uplodData" placeholder="" value="" />
                </div>

 function layuikj(zqType) {
        $("#uplodData").remove();//先将layui控件删掉
        var timehtml = '<input type="datetime" style="width: 130px" class="layui-input" id="uplodData" placeholder="" value="" />';
        $("#timediv").append(timehtml);//重新加载控件
        layui.use(['laydate'], function () {
            var laydate = layui.laydate;//日期
            var lx = "";//类型
            var gs = "";//格式
            if (zqType == "日") {
                lx = "datetime";
                gs = "yyyy年MM月dd日";
            } else if (zqType == "月") {
                lx = "month";
                gs = "yyyy年MM月";
            }
            else if (zqType == "年") {
                lx = "year";
                gs = "yyyy年";
            } else {
                lx = "datetime";
                gs = "yyyy年MM月dd日";
            }
            //日期选择

            var datekj = laydate.render({
                elem: '#uplodData'
                , max: Max()
                , type: lx
                , format: gs
            });

        });
    }