title: Make Bootstrap DatePicker ReadOnly after dateselect
body: <p>I have a requirement to make bootstrap datepicker readonly after selecting date. But I am not getting required behavior for the same. I have tried with change event and changeDate event of datepicker but none of them is working. </p>
  
  <pre><code> $('#txtBookingDate').on('change', function (event) {
          $('#txtBookingDate').attr('readonly','readonly');
      });
  </code></pre>
  
  <p>And also ,</p>
  
  <pre><code> $('#txtBookingDate').datepicker()
      .on('changeDate', function (e) {        
          $('#txtBookingDate').attr('readonly','readonly');
      });
  </code></pre>
  
  <p>What I want to achieve is to allow user only single time to select date i.e. Once user select date for first time then make datepicker readonly so user can't change date!</p>
  
  <p>Any help would be appreciated!!</p>