abstrak：調(diào)用add.html頁面 function add(){ layer.open({ title: '添加', type: 2, area: ['600px', '500px'], content: 'add.html' //這里content是一
調(diào)用add.html頁面
function add(){
layer.open({
title: '添加',
type: 2,
area: ['600px', '500px'],
content: 'add.html' //這里content是一個(gè)普通的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="請輸入內(nèi)容" 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>
Guru membetulkan：滅絕師太Masa pembetulan：2018-12-29 13:18:03
Rumusan guru：layui主要是學(xué)會(huì)看文檔，添加組件，其他的不難哦！繼續(xù)加油吧！