禁用先前日期但将字段留空?
Disabling Prior Dates But Leaving Field Blank?
我正在设置 minDate: 'now';
以防止在当前日期之前选择日期。但是,这会用当前日期填充该字段。但是,如果我在该字段上执行验证(即它已填充),这不一定是什么大问题,那么即使没有选择日期,用户仍然可以提交。
有什么解决办法吗?
编辑:抱歉,使用 daysOfWeekDisabled
似乎显示了当前日期。仍然不确定该怎么做。
这个 hack 怎么样?它不允许选择前一天,但仍显示为已启用。不确定这是否有帮助。
("#mydp").datetimepicker({ minDate:(new Date()).setDate(new Date().getDate() - 1),
useCurrent : false
})
您的问题与此处描述的问题类似:issue #1289。
要解决它只需将 useCurrent
设置为 false
。这是一个工作示例:
$("#datetimepicker1").datetimepicker({
minDate: moment(), // min date = now
useCurrent : false, // do not use current date by default
daysOfWeekDisabled: [5] // disable some weekdays (e.g. fridays)
})
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/css/bootstrap-datetimepicker.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.2/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/js/bootstrap-datetimepicker.min.js"></script>
<div class="input-group date" id="datetimepicker1">
<input type="text" class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
我正在设置 minDate: 'now';
以防止在当前日期之前选择日期。但是,这会用当前日期填充该字段。但是,如果我在该字段上执行验证(即它已填充),这不一定是什么大问题,那么即使没有选择日期,用户仍然可以提交。
有什么解决办法吗?
编辑:抱歉,使用 daysOfWeekDisabled
似乎显示了当前日期。仍然不确定该怎么做。
这个 hack 怎么样?它不允许选择前一天,但仍显示为已启用。不确定这是否有帮助。
("#mydp").datetimepicker({ minDate:(new Date()).setDate(new Date().getDate() - 1),
useCurrent : false
})
您的问题与此处描述的问题类似:issue #1289。
要解决它只需将 useCurrent
设置为 false
。这是一个工作示例:
$("#datetimepicker1").datetimepicker({
minDate: moment(), // min date = now
useCurrent : false, // do not use current date by default
daysOfWeekDisabled: [5] // disable some weekdays (e.g. fridays)
})
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/css/bootstrap-datetimepicker.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.2/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/js/bootstrap-datetimepicker.min.js"></script>
<div class="input-group date" id="datetimepicker1">
<input type="text" class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>