Javascript 在html中禁用日历视图的输入类

我想在我的代码中加入一个日期选择器

这是密码

问题是我不希望他们选择日历日期以外的任何日期。如何禁用在

<div class="form-group clearfix">
  <label class="col-lg-4 control-label">Date Sold</label>
  <div class="col-lg-8">
    <input type="text" id="calendar" name="date" value="" class="validate[required] form-control" placeholder="yyyy-mm-dd">
  </div>
</div>

售出日期

JavaScript

$("#calendar").datepicker({
  dateFormat: 'yy-mm-dd',           
  minDate: new Date(<?php echo $year;?>,<?php echo $month -1;?>,<?php echo $day; ?>)
});

$（“#日历”）.datepicker({
日期格式：'年-月-日'，
minDate:新日期（，）
});

您可以使用

禁用

或

只读

属性来避免在文本中手动输入，如下所示

<input type="text" id="calendar" 
       name="date" value="" 
       class="validate[required] form-control" 
       placeholder="yyyy-mm-dd" readonly>

或

或jquery 1.6+：

$("input").prop('disabled', true);

jquery 1.5：

$("input").attr('disabled','disabled');

$("input").attr('disabled','disabled');