javascript - 禁用 html 中日历 View 的输入类

Question

我正在尝试在我的代码中添加一个日期选择器，

这是代码，

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

内键入的功能

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

Answer 1

您可以使用disabled或readonly属性来避免手动输入文本，如下所示

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

或

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