layui日期组件问题
layui组件在完成渲染赋值,在渲染时赋值均无问题, 最近遇到在done回调时发现赋值失败,参考其他人的写法特别复杂,我的这个写法简单且实用
思路:给我的input换个身体
html部分
<div class="layui-inline">
<label class="layui-form-label">时间:</label>
<div class="layui-inline">
<input type="text" id="StartDateTime" class="layui-input">
</div>
</div>
js部分
function dateTime() {
//绑定时间控件
layui.use('laydate', function () {
var laydate = layui.laydate;
var startDateTime = laydate.render({
elem: "#StartDateTime",
type: 'time'
, done: function (value, date) {
//为了清晰我把id取出单独写到方法里
Error("StartDateTime")
}
});
//干掉原配,偷梁换柱,移花接木,狸猫换太子,重新渲染绑定
function Error(e) {
$("#" + e).parent().append(`<input type="text" id="${e}1" class="layui-input">`)
$("#" + e).remove();
$(`#${e}1`).attr("id", `${e}`);
$(`#${e}`).attr("name", `${e}`);
//最后重新绑定自己
dateTime()
}
}
如果这篇文章对你有用的话不要忘记三连哦!