1

我正在为 datetimepicker 使用 angular-moment-picker 输入，并且我想将输入设置为可编辑 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">

你能帮我么。谢谢

4

1 回答 1

3

您可以在任何地方（任何元素）添加时刻选择器并删除 ng-model-options 中的 updateOn 选项。这是工作小提琴

<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 来组合您的输入框和打开时刻日期选择器的图标

于 2017-05-29T06:16:25.570 回答