在jquery中禁用datepicker選擇

我需要禁用日期選擇。用戶可以查看從後端加載的默認日期，但他/她顯示不會更改日期。在jquery中禁用datepicker選擇

我已將該字段設爲只讀，但仍允許我更改日期。

代碼：

 $(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>

來源

2016-09-23 bharathi

使用破壞方法從元素 –

刪除日期選擇不啓用擺在首位的日期選擇器？ – ADyson

這會幫助你實現你想要的。

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

你可以在下面的代碼段中禁用其他日期。

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

工作example

來源

2016-09-23 10:33:19 Pradeepb

我想你誤解了我的問題。當用戶嘗試點擊存款日期時，日期選擇器顯示日期和其他日期應該處於禁用模式。沒有選擇應該被允許改變日期 – bharathi

@bharathi如果你不想讓任何改變被允許，那麼這似乎是一個有效的解決方案。它使字段爲只讀並隱藏日期選擇器。如果用戶無法使用日期選擇器，那麼顯示日期選擇器的意義何在？就我個人而言，我只是不啓用datepicker，但這種解決方案也將工作。 – ADyson

我同意ADyson。 – Pradeepb

在jquery中禁用datepicker選擇

回答

相關問題