Layui-日期和时间
Layui-日期和时间
文献种类：专题技术文献；
开发工具与关键技术： DW、JS
作者：方建恒 ；年级：20级 ；撰写时间： 2021 年 12 月 8日
我们制作页面时通常会用到日期和时间的选择器，
自己编写的话太麻烦，所以我在这里教大家一种简单的方法，
那就是使用Layui里的功能来实现它。
首先把JQuery的文件以及layui的脚本文件和叠成样式表引入，
然后准备一个容器，用来放一个ID为test1的input标签，如图：
然后在script标签里把layui的时间和日期组件加载好，如图：
然后再执行一个laydate实例，指定一个元素，
该元素为你放日期和时间的元素，我这里为test1。如图：
这样一个简单的日期选择器就完成了。
然后我们去到页面，这时候点击input框就会弹出日期的选择栏，
注：它会自动获取当前日期并高亮显示出来。
它可以通过上面的左右箭头调整月份。
点击年份的时候还可以自行选择年份。
页面效果如图：
点击现在可以直接把当前的日期获取到input框里。
若你想要获取其他选择器的话可以通过type控件选择不同的选择器，
Type的可选属性如下：
- year ：只提供年份列表选择。
- month：只提供年份、月份列表选择。
- date：可选择：年、月、日。默认值。
- time：只提供时、分、秒选择。
- datetime：可选择：年、月、日、时、分、秒。
使用方法如下：
你还可以通过range：true来开启左右面板范围选择。
默认为-来分割日期，可以直接设置分割符。如下图：
你还可以用format自定义日期在input里显示的格式，格式符如下：
yyyy 年份：至少四位数。如果不足四位，则前面补零
MM 月份：至少两位数。如果不足两位，则前面补零。
dd 日期：至少两位数。如果不足两位，则前面补零。
HH 小时：至少两位数。如果不足两位，则前面补零。
mm 分钟：至少两位数。如果不足两位，则前面补零。
ss 秒数：至少两位数。如果不足两位，则前面补零。
默认为yyyy-MM-dd。
这样layui的日期和时间的介绍就到这里。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！