bug描述:日期组件设置了min和max之后,组件视图渲染有误。例如:min:'2017-9-14',max:'2017-10-14',渲染出来的视图9月份不可以点击,并且2017年这一年也无法点击!
以下代码可以直接粘贴在layui官网的测试页面运行:https://layuion.com/demo/
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>示例演示</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 注意:项目正式环境请勿引用该地址 -->
<link href="//unpkg.com/layui@2.7.6/dist/css/layui.css" rel="stylesheet">
</head>
<body>
<div class="layui-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">限定可选日期</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="test-limit1" placeholder="yyyy-MM-dd">
</div>
</div>
</div>
</div>
<!-- 注意:项目正式环境请勿引用该地址 -->
<script src="//unpkg.com/layui@2.7.6/dist/layui.js"></script>
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
//限定可选日期
var ins22 = laydate.render({
elem: '#test-limit1'
,min: '2017-9-14'
,max: '2017-10-14'
,ready: function(){
//ins22.hint('日期可选值设定在 <br> 2016-10-14 到 2080-10-14');
}
});
//前后若干天可选,这里以前后 7 天为例
laydate.render({
elem: '#test-limit2'
,min: -7
,max: 7
});
});
</script>
</body>
</html>