59 lines
1.8 KiB
HTML
59 lines
1.8 KiB
HTML
|
|
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>盒子倒计时设置</title>
|
|
</head>
|
|
<link rel="stylesheet" href="/static/layui/css/layui.css">
|
|
<script src="/static/layui/layui.all.js"></script>
|
|
<script src="/static/layui/layui.js"></script>
|
|
<script src="/static/js/jquery-3.2.1.js"></script>
|
|
<script src="/static/js/user.js"></script>
|
|
<body>
|
|
<form class="layui-form" action="" style="width: 60%;">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">标题</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" id="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">开始时间</label>
|
|
<div class="layui-input-block">
|
|
<input type="button" id="start" required lay-verify="required" placeholder="开始时间" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">结束时间</label>
|
|
<div class="layui-input-block">
|
|
<input type="button" id="end" required lay-verify="required" placeholder="结束时间" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="margin-left: 85%;">
|
|
<input id="subbutton" type="button" value="提交" class="layui-btn" />
|
|
</div>
|
|
</form>
|
|
</body>
|
|
<script>
|
|
layui.use('laydate', function() {
|
|
var laydate = layui.laydate;
|
|
var form = layui.form;
|
|
|
|
laydate.render({
|
|
elem: '#start' ,
|
|
type:'datetime',
|
|
min:0
|
|
});
|
|
laydate.render({
|
|
elem:'#end',
|
|
type:'datetime',
|
|
min:0
|
|
})
|
|
});
|
|
$('#subbutton').click(function(event){
|
|
|
|
})
|
|
</script>
|
|
</html>
|