取消laydate的绑定渲染

1.如题，取消laydate的渲染

今天遇到一个问题，页面上有一个select选择框，后面是一个input，select有三个选项，标签，姓名和时间，当select选择了时间时，input变身时间选择器，当选择了其他的标签是，input变成正常的文本输入框。刚开始搜了好多资料，没找到取消laydate取消绑定的方法。自己写了一个，算是走了个捷径吧，实现了上述的效果。请看代码。

<html><head><ttile></ttile><link rel="stylesheet" href="layui/css/layui.css" /><script src="jquery-3.2.1.js"></script><script type="text/javascript" src="layui/layui.all.js"></script><script type="text/javascript">$(document).ready(function(){$("#Select").change(function(){var st = $("#Select").val();if(st=="time"){layui.use("laydate",function(){var laydate = layui.laydate;laydate.render({elem: '#key'});})}else{$("#maindiv").empty();$("#maindiv").append('<input type="text" id="key"/>');}})})</script></head><body><div style="width: 240px;"><select name="" id="Select"><option value="flag">标签</option><option value="name">姓名</option><option value="time">时间</option></select><div id="maindiv" style="float:right"><input type="text" id="key"/></div></div></body>
</html>

其实，思路挺简单的，当选择时间的时候，把laydate绑定到ID为key的input框上，当选择其他标签的时候，把input所在div里面的input元素清空，然后重新在加一个input，这样laydate渲染的效果就没了，相当于一个新的input，然后写到判断里面，就可以实现，选择时间有日期选择框，选择其他两个选项就没有日期选择框了。
Study hard and make progress every day.

更多学习资料请关注"爱游戏爱编程"。

爱游戏爱编程.jpg

取消laydate的绑定渲染相关推荐

找出并取消QQ已绑定手机号的小技巧(转)
找出并取消QQ已绑定手机号的小技巧(转) 新买来的QQ或朋友送的QQ被绑定了手机号,可是你也不知道具体号码.怎么才能取消呢? 其实方法很简单,只要大家将QQ转换到TM就可以了.我们先来看一下QQ,它只 ...
Emacs取消键值绑定
栗子: 取消C-M-b绑定 1.查询键值: C-h b2.取消绑定 # emacs ~/.emacs (global-set-key (kbd "C-M-b") nil)
取消github信用卡绑定
之前创建了一个github私有项目,添加了信用卡绑定,每月自动扣费$7.但是最近项目已经取消,仍然会自动扣费,且没有任何短信或邮件提醒,感觉忒坑了.于是想取消信用卡绑定. 操作步骤如下: 1. 进入h ...
文件取消SVN的绑定
当我们将一个svn检出的文件,进行拷贝到其他目录的时候会发现默认有一个勾,这说明该文件绑定了svn 如何取消呢进入目录内,勾选隐藏的项目删除.svn文件即可
vue取消数据双向绑定问题
如图,由于vue数据的双向绑定,给waterSetInfo拼接单位的时候,会将res.data也进行赋值,导致waterSet里面的结果不对,同一个对象多处使用问题解决方案: 深拷贝的方法:JSON ...
jQuery事件2——off取消事件绑定
作用:取消事件的绑定,传参如下例先对div绑定两个点击事件,两个鼠标移出事件,效果如下代码 <!DOCTYPE html> <html lang="en"&g ...
jQuery取消绑定事件单个事件单个函数
jQuery取消绑定特定事件函数开发中会遇到很多某一个事件被重复绑定的情况,记录一下解决方法,也是 off() 函数的使用说明 off(): 取消 on() 函数为元素绑定的事件假设有如下三个函数 ...
OS X下使用OpenGL做离屏渲染
本文为转载内容,原地址有时,我们想通过GPU做一些视频.图像处理,而处理的结果不需要显示在显示器上,而是直接交给主存,这时候我们可以通过OpenGL的离屏渲染来实现. 由于我们不需要将渲染好的像素显 ...
黑马头条项目-Vue-day9-文章详情模块、关注与取消关注，点赞和喜欢功能
文章详情模块配置文章详情路由目标:配置文章详情组件路由路由配置 import Detail from '@/views/detail/index.vue' { path: '/detail', ...

取消laydate的绑定渲染

1.如题，取消laydate的渲染

取消laydate的绑定渲染相关推荐

最新文章

热门文章