分享一个日期与时间组件
https://www.layui.com/laydate/
使用方法:
下载解压并将 laydate 整个文件夹(不要拆分结构) 存放到你项目的任意目录,使用时,只需引入 laydate.js 即可。
示例:
网页结构中
<div class="u-btn-box">
<span class="u-btn u-time-btn f-dfc">
<input class="u-time" type="text" id="time1" placeholder="日期时间">
</span> ~ <span class="u-btn u-time-btn f-dfc">
<input class="u-time" type="text" id="time2" placeholder="日期时间">
</span>
</div>
JS中
<script src="operationPortal/js/laydate/laydate.js"></script>
<script>
//执行一个laydate实例
laydate.render({
elem: '#time1', //指定元素
theme:'#0d5264'
});
laydate.render({
elem: '#time2', //指定元素
theme:'#0d5264'
});</script>
效果