twitter-bootstrap - minDate 在引导日期选择器中不起作用

Question

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

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

我只想让选择从今天到未来的日期（不是过去的日期）。Datepicker 出现了，它也让我选择过去的日期。怎么了？

score 23 · Accepted Answer

尝试使用这种方式：

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

使用 startDate 参数不需要 Date var。

score 7 · Accepted Answer

尝试使用startDate这种方式：

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

我希望它会帮助你

score 6 · Accepted Answer

因为没有一个答案对我有用。我设法通过使用onRender选项禁用旧日期

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

score 4 · Accepted Answer

我的代码与 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),
        });

score 3 · Accepted Answer

尝试，

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
    });
});

score 1 · Accepted Answer

1

以下应该工作： minDate: new Date()

于 2014-12-15T07:38:34.310 回答

score 1 · Accepted Answer

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

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

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

score 0 · Accepted Answer

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

日期应为当地时区。字符串必须是可解析的format

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

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

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

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

score 0 · Accepted Answer

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

对于 DatePicker工作小提琴

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

对于 DateTimePicker 这将起作用（小提琴）-

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

twitter-bootstrap - minDate 在引导日期选择器中不起作用

9 回答 9

Related

Reference