<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>日期与时间</title>
<!--layui模块化使用-->
<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
<script src="layui/layui.js" text="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="layui-inline">
<input type="text" class="layui-input" id="date"/>
</div>
<hr>
<div class="layui-inline">
<input type="text" class="layui-input" id="date2"/>
</div>
<div class="layui-inline">
<input type="text" class="layui-input" id="date3"/>
</div>
<div class="layui-inline">
<input type="text" class="layui-input" id="date4"/>
</div>
<div class="layui-inline">
<input type="text" class="layui-input" id="date5"/>
</div>
<div class="layui-inline">
<input type="text" class="layui-input" id="date6"/>
</div>
<hr>
<div class="layui-inline">
<input type="text" class="layui-input" id="date7"/>
</div>
<div class="layui-inline">
<input type="text" class="layui-input" id="date8"/>
</div>
<script text="text/javascript">
//加载laydate模块
layui.use('laydate',function(){
var laydate = layui.laydate;
//加载
laydate.render({
elem : "#date" //指定元素
});
// type是年选择器
laydate.render({
elem : "#date2", //指定元素
type : "year"
});
//type是月选择器
laydate.render({
elem : "#date3", //指定元素
type : "month"
});
//type是年月日选择器
laydate.render({
elem : "#date4", //指定元素
type : "date"
});
//type是时间(时分秒)选择器
laydate.render({
elem : "#date5", //指定元素
type : "time"
});
//type是年月日时分秒选择器
laydate.render({
elem : "#date6", //指定元素
type : "datetime"
});
laydate.render({
elem : "#date7", //指定元素
format : "yyyy年MM月dd日"
});
laydate.render({
elem : "#date8", //指定元素
value : "2023-01-01" //指定默认值
});
});
</script>
</body>
</html>
Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved