相关疑难解决方法(0)

Bootstrap datepicker禁用过去的日期而没有当前日期

我想在当前日期之前禁用所有过去的日期,而不是当前日期.我正在尝试使用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日期?

提前致谢.

javascript jquery twitter-bootstrap

31
推荐指数
8
解决办法
14万
查看次数

Twitter Bootstrap datepicker:如何仅启用特定的日期范围

我正在开发一些基于Twitter Bootstrap的项目,该项目使用来自https://github.com/eternicode/bootstrap-datepicker的日期选择器(这是其他版本的一个分支),但它缺少一个我需要的非常重要的功能 -如何仅启用特定日期范围(例如,从过去15天到今天),因此无法选择任何其他日期(不可点击).

我在SO上找到了一个类似的解决方案,它禁用星期六和星期日: 限制bootstrap-datepicker到工作日? http://jsfiddle.net/katowulf/zNbUT/5/,但我不知道如何根据我的需要调整它.

提前致谢.

javascript twitter jquery datepicker twitter-bootstrap

7
推荐指数
1
解决办法
2万
查看次数

在引导日期选择器中禁用过去的日期

我使用了源自以下内容的日期输入表单:

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)

javascript jquery twitter-bootstrap bootstrap-datepicker

3
推荐指数
1
解决办法
2万
查看次数

在laravel 4中使用bootstrap datepicker时,在昨天之前禁用日期

我目前有一个接受日期的输入类型.在前端,我希望用户无法选择今天之前的日期.我已经使用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)

有任何想法吗?

jquery datepicker laravel laravel-4

1
推荐指数
1
解决办法
750
查看次数