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

Question

我的系统上有一个来自互联网的日期选择器，我想限制用户的选择，这样他们只能从今天开始选择病房。下面显示了我的 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>

Answer 1

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

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

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

Answer 2

请尝试这样的操作，

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

demo in jsfiddle

Answer 3

试试这个：

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

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

Restricting date picker to start from today only hml

html

javascript

jquery

datepicker