Question

我希望你可以提供帮助，因为我对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>

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

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

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

任何帮助都将不胜感激。

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]在加载时不显示值

1 个答案: