html中日历视图的可输入输入类

Question

I am trying to put a date picker in my code,

here is the code,

The problem is i do not want them to select any date other than calender date. How can i disable the ability to type inside the

<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

You can use disabled or readonly attributes to avoid manual entry in text, as shown below

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

or

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