ExtJS - 优雅的日期时间选择器

时间:2015-01-06 15:47:32

标签: extjs

我找到了我正在寻找的东西,但它是一个jQuery示例,它看起来非常干净和直观。有没有办法用xtype' datefield'?有没有办法扩展此字段类型以在日期图标旁边包含一个时钟图标,并使其行为与此示例中的方式相同?

http://jsfiddle.net/rniemeyer/T3zge/

ko.kendo.bindingFactory.createBinding({
    name: "kendoDateTimePicker",
    defaultOption: "value",
    events: {
        change: "value",
        open:
        {
            writeTo: "isOpen",
            value: true
        },
        close: {
            writeTo: "isOpen",
            value: false
        }
    },
    watch: {
        enabled: "enable",
        max: "max",
        min: "min",
        value: "value",
        isOpen: ["open", "close"]
    }
});

var viewModel = {
   myDate: ko.observable(new Date())
};

ko.applyBindings(viewModel);

我仍然是一个新手,所以也许有人可以提出一些建议或指出我正确的方向如何解决这个问题。提前致谢! :)

2 个答案:

答案 0 :(得分:6)

我几个月前为ExtJS 4和5创建了一个DateTime插件。 尝试一下,它与你展示的有点不同但按预期工作:

https://github.com/gportela85/DateTimeField

希望有所帮助

答案 1 :(得分:0)

Extjs确实有一个单独的时间选择器,但不是一个日期/时间选择器。您可能需要创建一个插件,但如果您对此相当陌生,您可能会发现它有点压倒性。

您可以在论坛中搜索人们创建的自定义扩展程序/插件,我只是遇到了this one的ExtJs 4。