如何設置輸入日期和時間angular-moment-picker可編輯false以防止用戶輸入文本並設置圖標來選擇日期和時間

Question

我正在使用datetimepicker的angular-moment-picker輸入，並且我想將輸入設置爲可編輯假，以防止用戶輸入文本並將按鈕附加到此輸入，用戶可以單擊該按鈕以彈出選擇器日期和時間。有沒有角度解決我的問題的任何解決方案。我花了很多時間檢查angular-moment-picker-doc，但我沒有找到解決方案。

這裏是我的源代碼：

<input class="form-control" 
         format="DD/MM/YYYY HH:mm" 
         ng-model-options="{ updateOn: 'blur' }" 
         moment-picker="startDate" 
         id="startDate" 
         ng-model="startDate"> 

可以請你幫我。謝謝

Answer 1

你可以在任何地方添加時刻選擇器（任何元素），並刪除ng-model-options中的updateOn選項。這裏是工作fiddle

<form class="form-horizontal"> 
    <div class="form-group"> 
     <p class="icon-group input-group"> 
      <input readonly ng-model="ctrl.startDate" class="form-control"> 
      <span class="input-group-btn"> 
       <button moment-picker="ctrl.startDate" 
        format="DD/MM/YYYY HH:mm" 
        start-view="day" 
        change="ctrl.setFormattedDate(newValue)" 
        type="button" class="btn btn-default"> 
        <i aria-hidden="true" class="glyphicon glyphicon-calendar"></i> 
       </button> 
      </span> 
     </p> 
    </div> 
</form> 

您可以將使用引導程序的默認CSS類或者你可以寫自己的CSS到打開時刻日期選取