<html>
<head>
<meta charset="utf-8">
<title>layDate快速使用</title>
<link rel="stylesheet" href="layui-master/dist/css/layui.css" media="all">
</head>
<body>
<div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->
<input type="text" class="layui-input" id="test1">
</div>
<button id="btn">创建———></button>
<div id="div1">
</div>
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="layui-master/dist/layui.js"></script>
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#test1' //指定元素
});
laydate.render({
elem: '#test2' //指定元素
});
});
$("#btn").click(function()
{
$("#div1").html("<div class='layui-inline'><input type='text' class='layui-input' id='test2'></div>");
$("#test2").click();
});
$(document).on("click", "#test2", function(){
layui.use('laydate', function(){
var laydate = layui.laydate;
laydate.render({
elem: '#test2' //指定元素
});
})
})
</script>
</body>
</html>
网友评论