只能选择过去或者未来的时间段JS-日期和时间组件-layDate-技术教程-四时宝库

我们在前端开发的时候经常遇到这样的情况，比如：生日、订单记录等，只能选择过去的时间，又如：预定只能选择未来的时间。

下面就给大家一个说明方法：

方法：

下载：layui.laydate 组件独立版：

<body>
<input type="text" class="demo-input" placeholder="请选择日期" id="test1">
<br>
<input type="text" class="demo-input" placeholder="请选择日期" id="test2">

<script src="laydate/laydate.js"></script> <!-- 改成你的路径 -->
<script>
lay('#version').html('-v'+ laydate.v);

//执行一个laydate实例
laydate.render({
  elem: '#test1' ,//只能选择过去时间
  min: '2017-1-1',
  max: 'now'
});
laydate.render({
  elem: '#test2' ,//只能选择未来的时间
  min: 'now',
  max: '2022-1-1'
});
</script>
</body>
</html>

四时宝库

程序员的知识宝库

只能选择过去或者未来的时间段JS-日期和时间组件-layDate