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

Question

我正在为 datetimepicker 使用 angular-moment-picker 输入，我想将 input editable 设置为 false 以防止用户输入文本，并在用户可以输入的位置附加一个按钮单击以弹出选择器日期和时间。 angular-moment 有什么办法可以解决我的问题吗？我花了很多时间检查 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>

您可以使用 bootstrap 的默认 css class 将您的图标和输入框分组，或者您可以编写自己的 css 来组合您的输入框和打开时刻日期选择器的图标

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

How to set input date and time angular-moment-picker editable false to prevent the user to enter a text and set icon to pick the date and time

angularjs

angularjs-directive

angular-moment