layUI时间控件(简单好用)

首先放官网下载链接https://www.layui.com/

引入js、css文件




上面的href链接路径是我demo的路径,兄弟们用的时候注意改到自己放layUI文件下的路径(就是记得改路径)

HTML代码:


js代码:

//执行一个laydate实例,此实例默认为中文,国际化请看官方文档
laydate.render({
  elem: '#test' //指定元素
});

写完这些就可以实现时间控件了,我的代码只能实现常用年月日时间,如果想加其他例如分秒等等老哥们自己看官网文档,附链接:https://www.layui.com/demo/laydate.html

这是效果:
layUI时间控件(简单好用)_第1张图片layUI时间控件(简单好用)_第2张图片

你可能感兴趣的:(前端)