layDate日期与时间组件的使用


1、插件的下载(https://www.layui.com/laydate)

2、解压layDate插件,然后复制laydate文件夹内容,粘贴到新建项目的js文件夹下。

 

3、代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>时间插件</title>
<!-- 引入laydate.js文件-->
<script type="text/javascript" src="js/laydate/laydate.js"></script>
</head>
<body>
<!-- 创建input文本框,并给id -->
开始时间:<input id="shijian" type="text" />
</body>
<script>
//执行一个laydate实例
laydate.render({
elem: '#shijian', //指定元素
min: 'new Date()' ,//设定最小日期为当前日期
max: 90, //设置当前日期后最大可选择天数
theme: '#8470FF',//主题显示
type: 'datetime', //选择时间
});

</script>
</html>

4、效果图

选择日期:

 

 选择时间:

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM