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

【问题标题】：AngularJs input[type=date] not showing value on loadAngularJs 输入 [type=date] 未显示加载值
【发布时间】：2015-05-12 14:06:39
【问题描述】：

我希望您能提供帮助，因为我对 AngularJs 还很陌生。我创建了一个显示 3 个字段的编辑表单模板；名称、开始日期和结束日期。数据来自用 C# 编写的带有实体框架数据源的 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>

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

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

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

任何帮助将不胜感激。

【问题讨论】：

标签： c# jquery angularjs date umbraco7

【解决方案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

【讨论】：