Question

我有2个观点......

一个用于数字文本框：

@Html.TextBoxFor(m => m, new { 
    @class = "k-input",
    data_bind = "value: " + ViewData.TemplateInfo.HtmlFieldPrefix,
    data_role = "numerictextbox",
    data_format = @"\#",
    data_decimals = "0"
})
@Html.ValidationMessageFor(m => m)

还有一个针对日期选择器：

@Html.TextBoxFor(m => m, new
{
    @class = "k-input",
    data_bind = "value: " + ViewData.TemplateInfo.HtmlFieldPrefix,
    data_role = "datepicker",
    data_format = "dd MMM yyyy",
    type = "date"
})
@Html.ValidationMessageFor(m => m)

为什么数字框一个工作且日期选择器不起作用？

其他一些信息：

我正在使用Knockout Kendo将MVVM绑定到渲染字段。所以在客户端，我最终得到一个包含这两种字段类型的容器元素。

数据来自OData端点，因此日期采用标准ISO格式。

支持此功能的javascript是......

$(function () {
    var model = new kendo.observable({
        data: null,
        fetch: function (callback) {
            $.get("...", function (res) {
                res.date = kendo.parseDate(res.date);
                result.data = res;
                if (typeof callback != 'undefined') { callback(); }
            });
         }
    });
    model.fetch(function () {
        var component = $("#...");
        kendo.bind(component, model.data);
    });
});

日期选择器是否需要以不同方式对待数字框？我的结果是一个标准的html日期字段，chrome将其基本日期选择器附加到一个数字文本框，其中箭头向上箭头。

我希望在此之后两者都是标准的剑道字段（除非我遗漏了一些东西）。

Answer 1

好的，事实证明这一切都没有出错，事实上这是使用MVVM绑定对象初始化两个控件的正确方法。

然而问题是页面上的另一个控件（在int和date控件之间），这意味着绑定过程在初始化数字框之后但在日期选择器之前被中断。

我现在感觉不那么疯狂了。

如何处理Kendo UI MVVM日期选择器初始化

1 个答案: