我想在当前日期之前禁用所有过去的日期,而不是当前日期.我正在尝试使用bootstrap datepicker库" bootstrap-datepicker "并使用以下代码:
$('#date').datepicker({
startDate: new Date()
});
Run Code Online (Sandbox Code Playgroud)
它工作正常.但它是禁用日期直到今天.
例如,如果今天是04-20-2013并且我通过设置startDate:new Date()来禁用过去的日期.但我可以从2013年11月11日选择日期.
更新:我可以解决以下UTC区域:
var d = new Date();
options["startDate"] = new Date(d.setDate(d.getDate() - 1));
Run Code Online (Sandbox Code Playgroud)
要么 startDate: "+0d"
但是,当UTC提前一天时,这些方法不起作用.对于我在加利福尼亚的客户,这意味着在下午5点,我的客户不能再选择他当地的当前日期作为有效日期.为了解决这个问题,我暂时使用startDate: "-1d",但当然在5之前,这意味着昨天可见.
有没有人想出一个更好的方法,因为我不想告诉用户输入UTC日期?
提前致谢.
我正在开发一些基于Twitter Bootstrap的项目,该项目使用来自https://github.com/eternicode/bootstrap-datepicker的日期选择器(这是其他版本的一个分支),但它缺少一个我需要的非常重要的功能 -如何仅启用特定日期范围(例如,从过去15天到今天),因此无法选择任何其他日期(不可点击).
我在SO上找到了一个类似的解决方案,它禁用星期六和星期日: 限制bootstrap-datepicker到工作日? http://jsfiddle.net/katowulf/zNbUT/5/,但我不知道如何根据我的需要调整它.
提前致谢.
我使用了源自以下内容的日期输入表单:
Youderian, C.如何将日期选择器添加到 Bootstrap 表单。形式登。[博客]。2015-10-27。
但我无法禁用过去的日期。我尝试了以下方法;根据GitHub 中的一个问题,但它对我不起作用。
$(document).ready(function() {
var date_input = $('input[name="date"]'); //our date input has the name "date"
var container = $('.bootstrap-iso form').length > 0 ? $('.bootstrap-iso form').parent() : "body";
date_input.datepicker({
format: 'mm/dd/yyyy',
container: container,
todayHighlight: true,
autoclose: true,
})
})
$(function() {
var nowDate = new Date();
var today = new Date(nowDate.getFullYear(), nowDate.getMonth(),
nowDate.getDate(), 0, 0, 0, 0);
$('#date').datepicker({
startDate: today
});
})Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script> …Run Code Online (Sandbox Code Playgroud)我目前有一个接受日期的输入类型.在前端,我希望用户无法选择今天之前的日期.我已经使用laravel验证进行了后端验证,after:date但我也希望在前端,用户无法在当前日期之前选择日期.在我的表格中我有这个代码:
<div class="form-group">
{{ Form::label('ddate', 'Expected Delivery Date') }}
{{ Form::input('date', 'date', Input::old('date'), ['class'=>'datepicker', 'placeholder' => 'Date']) }}<span class="errmsg" style="color:red"><i>{{ $errors->first('date', ':message') }}</i></span>
</div>
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?