前情提要:
主要是目前项目较小,仅需要一个日历插件,就没有选择引用UI框架,单纯找了一个日历插件,外观相对简单大方,还不错,而且只需要2步就可以完成引入:
第一步(有2种方式引入,支持单独引入文件及npm引入):
1、官网下载压缩包文件
打开官网: layDate日期插件官网网址
2、第二种方式npm安装:
npm install layui-laydate
第二步:
获得 layDate 文件包后,解压并将 laydate 整个文件夹(不要拆分结构) 存放到你项目的任意目录,使用时,只需引入 laydate.js 即可。 下面是一个入门示例:
<input type="text" id="test1"><script src="/laydate/laydate.js"></script> <!-- 改成你的路径 --><script>//执行一个laydate实例laydate.render({elem: '#test1' //指定元素});</script>
优势:layDate 采用原生 JavaScript 编写,不依赖任何第三方库,兼容所有浏览器(IE6/7除外)