限制日期选择器仅从今天开始 hml答案

【问题标题】：Restricting date picker to start from today only hml限制日期选择器仅从今天开始 hml
【发布时间】：2015-04-13 14:04:51
【问题描述】：

我的系统上有一个来自 Internet 的日期选择器，我想限制用户选择，以便他们只能从今天开始选择。下面显示了我的 javascript 和保存日期选择器的 HTML 表单。

我尝试使用 minDate : '0' 以及现在函数中的那个。

任何帮助表示赞赏。

  <script>
  $(function() {
    $( "#datepicker" ).datepicker({ dateFormat: 'dd/mm/yy', minDate: +0 });
  });
  
  </script>

<div class="form-group">
	<label class="col-sm-2 control-label">Start Date:</label>
	<div class="col-sm-10">
		<input class="form-control" type="date" id="datepicker" name="start_date" required="required">
	</div>
</div>

【问题讨论】：

似乎与以下主题非常相似：stackoverflow.com/questions/14810602/…
您可以尝试在日期选择器中将当前日期设置为最小日期。它应该可以工作
我在发布我的问题之前查看了另一个日期选择器链接，但它仍然对我不起作用。如果有任何区别，我也在使用 Chrome，因为我知道我的 datepickr 在 Firefox 中不起作用

标签： javascript jquery html datepicker

【解决方案1】：

<input type="date" min="2000-01-02">

日期输入类型有一个min和max属性来限制日期选择。

在这里，您可以在 JavaScript 中获取今天的日期，并将该值设置为您的日期输入类型。我只是在上面的代码 sn-p 中给出了一个例子。

【讨论】：

不会限制为一次约会吗？如果我在今天的日期编码，它将适用于今天，但如果我明天进入，我可以选择今天的日期。我需要它更加动态，以便它将今天的日期识别为用户登录系统的日期。
在 JavaScript 中使用 var today = new Date() 将为您提供当前日期。

【解决方案2】：

试试这个：

var datePicker = $('#datepicker').datepicker({
    beforeShowDay: function (date) {
        return date.valueOf() >= now.valueOf(); 
    }
});

【讨论】：

【解决方案3】：

请尝试这样的事情，

$('#datepicker').datepicker({
    dateFormat: 'dd/mm/yy', 
     minDate: 0 
});

demo in jsfiddle

【讨论】：

我插入了这段代码，但它仍然无法正常工作。这与我使用的 datepicker 版本有什么关系吗？
只使用'minDate: 0'。它应该工作。请检查 jsfiddle。
它在 jsfiddle 中工作，但由于某种原因，它给了我 jsfiddle datepicker 和另一个 datepicker。它在我的代码上表现得很奇怪
我的代码正在做的是忽略整个 datepicker 函数并使用 HTML5 中的标准 datepicker
我看到你说的了。输入类型应该是“文本”，而不是“日期”。更新了 jsfiddle。