在jquery中禁用datepicker选择

Question

我需要禁用日期选择。用户可以查看从后端加载的默认日期，但他/她显示不会更改日期。

我已经将该字段设为readonly但仍允许我更改日期。

代码：

      $(function() {
        $("#datepicker").attr('readonly',true).datepicker({
            dateFormat : 'yy-mm-dd'


        }); 



     <div class="testimonials">
            <div class="left">
                <label>Deposit Date</label>
            </div>
            <div class="right">
                <input name="depositDate" value="${depositDetails.DPST_DTE}"
                    id="datepicker" readonly/>
            </div>
        </div>

Answer 1

这可以帮助您实现您想要的目标。

$(function() {
  $("#datepicker").attr('readonly',true).datepicker({
    dateFormat : 'yy-mm-dd'
  }
  $('#datepicker').datepicker("hide");
}); 

您可以在下面的代码段中停用其他日期。

$("#datepicker").datepicker({
  dateFormat : 'yy-mm-dd',
  minDate: 'dateFromBackend',
  maxDate: 'dateFromBackend',
});

工作example