如何设置输入日期和时间angular-moment-picker可编辑为false以防止用户输入文本并设置图标以选择日期和时间

Question

我正在为datetimepicker使用angular-moment-picker输入，我想设置输入editable false以防止用户输入文本并将按钮附加到此输入，用户可以单击该按钮弹出选择器日期和时间。在角度时刻有没有解决我的问题的解决方案。我花了很多时间检查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

#contentapp div article {
    display: none;
}

#contentapp input#interest:checked ~ div article.interest{
    display: block;
}

您可以使用bootstrap的默认css类对图标和输入框进行分组，也可以编写自己的css来合并输入框和图标，以打开时刻日期选择器