<!DOCTYPE html>
<html> <head> <meta charset="UTF-8"> <title>layerdate</title> <link rel="stylesheet" href="theme/default/laydate.css" /> </head> <body> 日期：<input type="text" id="test1" placeholder="请选择日期"/><br/> 日期时间:<input type="text" id="test2" placeholder="请选择日期时间"/><br/> 限定可选日期:<input type="text" id="test3" placeholder="限定可选日期"/> <script type="text/javascript" src="js/laydate.js" ></script> <script> //执行一个laydate实例 laydate.render({ elem: '#test1' //指定元素 }); //日期时间选择器 laydate.render({ elem: '#test2' ,type: 'datetime' }); //限定可选日期 laydate.render({ elem: '#test3', min: '2017-10-14', max: '2018-10-14' }); </script> </body></html>