Layui时间日期选择器组件默认值渲染问题

Layui时间日期选择器组件默认值渲染问题

1.取消组件自带默认值: 当你想取消layui日期组件自带的默认值时,可以在日期选择器组件里设置value值为空

laydate.render({

​                elem: "", //指定元素
​                format: "yyyy/MM/dd",
				value: ""
});

2.自定义设置默认值: 当日期选择器的格式标准(format)被设置为yyyy/MM/dd,而如果把value属性值却写了yyyy-MM-dd的格式,就不会成功渲染,组件会默认渲染当天的日期。

laydate.render({

​                elem: "", //指定元素
​                format: "yyyy/MM/dd",
				value: "2002/04/05"
});

注意: value属性值可以写在日期组件里,也可以写在input标签里

<div class="layui-form-item">
    <label class="layui-form-label">时间</label>
    <div class="layui-input-block">
        <input type="text" name="time" value="2002/04/05"  placeholder="选择时间" class="layui-input">
    </div>
 </div>

3.最后说一下两种设置value属性值优先级的问题: 在时间日期组件里设置 > 在input标签里设置

Tips: 设置value属性值为空的优先级最低,无论是在时间日期组件里还是在input标签里设置value非空,而另一方设置value为空时,空值渲染都不能生效。

希望本文可以对大家有所帮助!大家一起努力,共同进步!

经验分享 程序员 微信小程序 职场和发展