abstract:调用add.html页面 function add(){ layer.open({ title: '添加', type: 2, area: ['600px', '500px'], content: 'add.html' //这里content是一
调用add.html页面
function add(){
layer.open({
title: '添加',
type: 2,
area: ['600px', '500px'],
content: 'add.html' //这里content是一个普通的String
});
}
添加页面:
<!DOCTYPE html>
<html>
<head>
<title>添加</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
<script type="text/javascript" src="layui/layui.js"></script>
</head>
<body>
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">姓名</label>
<div class="layui-input-inline">
<input type="password" placeholder="姓名" autocomplete="off" class="layui-input">
</div>
<div class="layui-form-item">
<label class="layui-form-label">性别</label>
<div class="layui-input-inline">
<input type="radio" name="sex" value="男" title="男" checked="">
<input type="radio" name="sex" value="女" title="女">
<!-- <input type="radio" name="sex" value="禁" title="禁用" disabled=""> -->
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">日期</label>
<div class="layui-input-inline">
<input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">签名</label>
<div class="layui-input-block">
<textarea placeholder="请输入内容" class="layui-textarea"></textarea>
</div>
</div>
<button class="layui-btn" style="margin: 0px 100px;">保存</button>
</form>
<script type="text/javascript">
layui.use(['form', 'layedit', 'laydate'], function(){
var form = layui.form
,layer = layui.layer
,layedit = layui.layedit
,laydate = layui.laydate;
//日期
laydate.render({
elem: '#date'
});
laydate.render({
elem: '#date1'
});
})
</script>
</body>
</html>
Correcting teacher:灭绝师太Correction time:2018-12-29 13:18:03
Teacher's summary:layui主要是学会看文档,添加组件,其他的不难哦!继续加油吧!