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

时间:2015-04-13 14:04:52

标签: javascript jquery html datepicker

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

我尝试使用minDate:' 0'以及现在的功能。

任何帮助表示赞赏。



  <script>
  $(function() {
    $( "#datepicker" ).datepicker({ dateFormat: 'dd/mm/yy', minDate: +0 });
  });
  
  </script>
&#13;
<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>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:1)

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

日期输入类型具有 min max 属性以限制日期选择。

在这里,您可以在JavaScript中获取今天的日期,并将该值设置为您的日期输入类型。我刚刚在上面的代码片段中给出了一个示例。

答案 1 :(得分:0)

试试这个:

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

答案 2 :(得分:-1)

请尝试这样的事情,

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

demo in jsfiddle