Layui第九天学习

Layui第九天学习

首页音乐舞蹈Layesta1.5.0更新时间:2024-04-17

<!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