layui使用详解

layui使用详解

layui是一种很好用的前端模块化ui框架，里面有各种已经封装好的ui插件，开发者只要下载layui的代码引入到自己的项目中就可以直接在自己的里使用layui的前端ui插件，下面我用日期和时间组件的例子来教大家使用layui

1.1:下载layui的js和css的引入代码，大家可以去layui的官网下载，官网地址为https://www.layui.com/，进入官网是这个页面

1.2进入官网后直接点立即下载就好了，下载的是zip格式的压缩包，我下载后是放在桌面的，然后直接在桌面解压一下

1.3点开解压后的文件夹，如图所示，然后把文件夹中的layui文件引入到自己的项目中就可以啦

1.4如图我用的是HBuilder X的编辑器，在里面创建了一个layui_test的项目，再创建一个用于使用layui的HTML文件，前期铺垫做好后接下来我们就正式来使用layui了

2.1layui的使用我们得查官方文档，地址是 https://www.layui.com/doc/modules/laydate.html，如图

2.2我们在左边找到日期与时间选择，右边会出现使用方法和ui模块中一些基本参数的使用



2.3我们把右侧使用方法中的代码放入到我们的layui.html文件中，这里要注意我们实际的css和js引入路径和他使用文档中的路劲很可能不一样需要自己改一下引入路径，我的代码如下

2.4运行代码就得到一个时间组件咯，点击组件效果如图

今天的layui使用教程就到这里啦，大家有啥不懂的可以给我留言，我看到了会积极回复大家的嘻嘻