如何设置输入日期和时间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到打开时刻日期选取