layui之laydate日期组件在done中重新渲染

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()}}

如果这篇文章对你有用的话不要忘记三连哦!

layui之laydate日期组件在done中重新渲染相关推荐

layDate 日期与时间组件
在日常的网页开发过程中,日期组件已经成为不可或缺的组件之一.同时,随着广大杰出攻城狮的不懈努力,也出现了很多优秀的日期组件,其中我个人觉得 layDate 日期组件是一个非常不错的组件,简洁易用,样式 ...
layDate日期选择插件
在日常的网页开发过程中,日期组件已经成为不可或缺的组件之一.同时,随着广大杰出攻城狮的不懈努力,也出现了很多优秀的日期组件,其中我个人觉得 layDate 日期组件是一个非常不错的组件,简洁易用,样式 ...
单独使用 laydate 日期时间组件
layui 日期和时间组件官方文档需要注意几点: 下载压缩包后,复制整个 laydate 文件夹放到项目中,里面的文件不要改动位置,否则会报错: 在移动端使用时,要给 input 添加 readon ...
layui之laydate组件简介
1.layui之laydate组件是什么 layui是一个编程大神贤心所作的前端框架.laydate是layui的日期组件. 2.layui组件的运用 1)基础参数选项通过核心方法laydate.r ...
Angularjs 中使用 layDate 日期控件
为什么80%的码农都做不了架构师?>>> layDate 控件地址:http://laydate.layui.com/ 12 3 4 5 6 app.directive('de ...
layui选项卡嵌套选项卡_在ProtoPie中使用嵌套组件构建选项卡栏
layui选项卡嵌套选项卡 One of the powerful features of ProtoPie is the ability to build fully portable and in ...
layui 单独使用日期组件
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>la ...
layUI 日期组件单独使用并且放大
日期类型选择 layuI 的date 类型单独使用 <!DOCTYPE html> <html> <head><meta charset="u ...
elementUI时间日期组件设置的默认时间在ie中无法重置
在使用elementUI的时间日期组件时往往会设置一个默认时间,此时如果同时设置了placeholder属性,在第一次进入页面时直接重置,调用elementUI的重置表单方法resetField,在I ...

layui之laydate日期组件在done中重新渲染

layui日期组件问题

layui之laydate日期组件在done中重新渲染相关推荐

最新文章

热门文章