上传用的layui的点击or拖动上传 其他上传也同理 （不喜勿喷 欢迎补充）

 上代码

//html
		<div class="layui-form-item" style="width:calc(100% - 55px)">
						<label class="layui-form-label">上传附件:</label>
//类名前缀必须要跟官网一样 不然不生效
						<div class="layui-upload-drag upload-content" id="uploadFileMaterial">
							<i class="layui-icon"></i>
							<p>点击上传，或将文件拖拽到此处</p>
						</div>
						<div class="fileDataEcho">
						</div>
					</div>

//js代码
layui.use('upload', function () {
    var upload = layui.upload;
    //执行上传组件
    upload.render({
        elem: '#uploadFileMaterial', //绑定元素，上面的layui-upload-drag类或者你自己定义的元素id
        url: uploadFile, //上传接口
        before: function (obj) {
            // 预读本地文件示例，不支持ie8
            obj.preview(function (index, file, result) {
                fileName = file.name
                console.log('fileName', fileName);
            });
        },
        accept: "file",
        headers: {
            'dm-authorize-token': $.cookie("token"),
        },
        done: function (res) {
            if (res.code == 200) {
                //上传完毕回调 
                layer.msg("上传成功");
                fileUrl = res.msg
            } else {
                layer.msg(res.msg);
            }
        },
        error: function () {
            //请求异常回调
        }
    });
});

上面上传file打印是

一般需要我们上传 文件名 和 文件链接 

Layui时间选择器

这里是使用俩种 区间选择 和 单个选择 

一、区间选择 

//html  样式我有点复杂 大家可以后面调成自己项目的样式 主要看逻辑
					<span style="line-height: 32px">时间查询:</span>
					<div class="midtop-left">
						<div class="timebox">
							<div class="iconbox"><img src="../assets/images/timelist.png" /></div>
							<div class="layui-input-inline">
								<input type="text" class="layui-input delweektimeall" id="seachtime"
									placeholder=" 开始时间 -- 结束时间">
							</div>
//清除时间选择器
							<div class="iconbox" onclick="delweektime()"><img src="../assets/images/timedel.png" />
							</div>
						</div>
					</div>
//js代码
//   时间选择
layui.use('laydate', function () {
    var laydate = layui.laydate;
    //日期范围
    //日期时间选择器
    laydate.render({
        elem: '#seachtime'
        , type: 'date'
        , trigger: 'click'
        , range: true,//开启时间范围选择,
        done: function (value, data) {
            console.log(data);
            console.log(value); //2023-06-12 - 2023-07-13
        }
    });
});
// 清除日期
function delweektime() {
    $(".delweektimeall").val("")
}

 二、单独选择

//html
	<div class="layui-form-item ">
						<label class="layui-form-label">计划开工日期<span class="star">*</span>:</label>
						<div class="layui-input-block">
							<input type="text" autocomplete="off" id="projectBeginTime" name="projectBeginTime"
								class="layui-input" />
						</div>
					</div>
//js代码
// 日期
function initTimeEvent() {
    layui.use(['laydate'], function () {
        var laydate = layui.laydate;
//当前时间
        var nowTime = new moment().format("yyyy-MM-DD");
        laydate.render({
//你定义的id名
            elem: '#projectBeginTime',
            trigger: 'click',
            value: nowTime,
            format: 'yyyy-MM-dd', //设置日期格式
            // min: 'string', //设置最小值
            done: function (value, date) {

            }
        });
//这是一个页面另外一个日期选择器的
        laydate.render({
            elem: '#projectEndTime',
            trigger: 'click',
            value: nowTime,
            format: 'yyyy-MM-dd', //设置日期格式
            // min: 'string', //设置最小值
            done: function (value, date) {

            }
        });
    });
}

这个value跟上面那个一样也是获取的时间 但是我们直接就回显到页面上了 大家使用的时候直接

 var projectBeginTime = $("#projectBeginTime").val();

获取它页面上输入框中的数据就行