AngularJs 输入 [type=date] 加载时未显示值

Question

我对 AngularJs 还很陌生，希望您能提供帮助。我创建了一个显示 3 个字段的编辑表单模板；名称、开始日期和结束日期。数据来自用 C# 编写的带有 entity framework 数据源的 WebAPI 控制器。

当表单加载开始数据和结束日期的输入时为空。

所有这些都是 Umbraco7 后端扩展的一部分。

如何让我的日期输入填充并保持数据绑定到我的模型？

这是我的表格：

            </div>
            <div class="span5">
                <div class="btn-toolbar pull-right umb-btn-toolbar">
                    <umb-options-menu ng-show="currentNode"
                                      current-node="currentNode"
                                      current-section="{{currentSection}}">
                    </umb-options-menu>
                </div>
            </div>
        </umb-header>
        <div class="umb-panel-body umb-scrollable row-fluid">
            <div class="tab-content form-horizontal" style="padding-bottom: 90px">
                <div class="umb-pane">
                    <umb-control-group label="Start Date" description="The date the event starts">    
                        <input type="text" class="umb-editor umb-textstring" ng-model="event.StartDate" required/>
                    </umb-control-group>
                    <umb-control-group label="End date" description="The date the event finishes">
                        <input type="date" class="umb-editor umb-textstring" ng-model="event.EndDate" required/>
                    </umb-control-group>
                    <div class="umb-tab-buttons" detect-fold>
                        <div class="btn-group">
                            <button type="submit" data-hotkey="ctrl+s" class="btn btn-success">
                                <localize key="buttons_save">Save</localize>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </umb-panel>
</form>

我已经通过检查控制台检查了当事件发生时所有字段都已填充，我还尝试过仅将输入作为文本并显示值。

在上面的代码中，我将开始日期保留为正在填充的文本输入，但结束日期不是

然而，如果我设置它们并单击在后台更新中保存模型。

如有任何帮助，我们将不胜感激。

Answer 1

Umbraco 7.2.4（截至今天的最新版本）使用 Angular 1.1.5
Angular ng-model 绑定不适用于 input[type="date"] 直到版本 1.3
查看 this SO question 了解更多详情。

因此您可能需要考虑升级到 angular 1.3，但不确定它是否会破坏 Umbraco 中的任何内容。或者只是坚持 input[type="text"]

HTH

AngularJs 输入 [type=date] 加载时未显示值

AngularJs input[type=date] not showing value on load

c#

jquery

angularjs

date

umbraco7