Question

我正在使用此引导日期选择器http://www.eyecon.ro/bootstrap-datepicker/：

<script type="text/javascript">
var dateToday = new Date();
$(function() {
    $("#id_deadline").datepicker({minDate: dateToday});
});
</script>

我想让我们选择从今天到未来的日期（不是过去的日期）。 Datepicker正在显示，它也让我选择过去的日期。怎么了？

Answer 1

尝试使用这种方式：

$("#id_deadline").datepicker({ startDate: "today" });

使用startDate参数不需要Date var。

Answer 2

尝试以这种方式使用startDate：

$("#id_deadline").datepicker({startDate: new Date()});

我希望它能帮到你

Answer 3

因为没有一个答案对我有用。我设法使用 onRender 选项

禁用旧日期

$('.datepicker').datepicker({
          onRender: function(date) {
            return date.valueOf() < new Date().valueOf() ? 'disabled' : '';
        }
    });

Answer 4

我的代码是Bootstrap Datetimepicker（mindate）功能相关。我的代码适用于所有浏览器，如ff，chrome和ie。请查看以下示例。为我工作。

    $('#datetimepicker1').datetimepicker({
            //minDate: new Date() + 1,
            minDate:moment(),
            Default: true,
            defaultDate: new Date(),
            pickTime: false,
            use24hours: false,
            format: 'MM-DD',
            icons: {
                time: "fa fa-clock-o",
                date: "fa fa-calendar",
                up: "fa fa-arrow-up",
                down: "fa fa-arrow-down"
            },
            //   minDate: moment(+1),
        });

Answer 5

以下应该工作： minDate：new Date（）

Answer 6

您可以使用以下工作代码来禁用所有过去的日期 -

for DatePicker working Fiddle

$(function () {
  //get Today's Date
  var currDate = new Date();
  $('#datetimepicker').datepicker({
    startDate : currDate
  });
});

并且对于DateTimePicker，这将起作用（Fiddle） -

$(function () {
  $('#datetimepicker').datetimepicker({
    minDate : moment()
  });
});

Answer 7

尝试

var dateToday = new Date(); $(function () { $( "#datepicker1" ).datepicker({ format: 'yyyy-mm-dd', autoclose: true, startDate: dateToday }); });

回溯日期

var last7Days = new Date(); 
last7Days.setDate(last7Days.getDate()-7);
$(function () {
    $( "#datepicker1" ).datepicker({
        format: 'yyyy-mm-dd',
      autoclose: true,
      startDate: last7Days
    });
});

Answer 8

我花了一些时间浏览文档以查找此选项。引导日期选择器带有startDate选项，该选项将接受来自文档的日期或字符串：

日期应在当地时区。字符串必须可以用format
解析

有一个online demo，可让您尝试其他选项。如果在startDate字段中输入now（或new Date()），则日期选择器将不允许您选择当前日期之前的日期。

然后，旁边的小代码输出将向您显示您需要在网站中使用的代码，在这种情况下，将是：

$('#sandbox-container input').datepicker({
    startDate: "now"
});

您确实需要为指向日期选择器元素的选择器切换#sandbox-container input部分。

Answer 9

如果要在初始化后限制datepicker的最小/最大日期（例如，某些事件触发时），可以使用： setStartDate或setEndDate，如下所示：

$('#datepicker').datepicker('setStartDate', new Date());
$('#datepicker').datepicker('setEndDate', new Date());

请参阅方法用法文档：https://bootstrap-datepicker.readthedocs.io/en/latest/methods.html#methods

Answer 10

尝试使用startDate：

startDate: "dateToday"

minDate在bootstrap datepicker中不起作用

10 个答案: