ExtJS - 优雅的日期时间选择器
ExtJS - Elegant Date Time Picker
我找到了我要找的东西,但它是一个 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);
我在这方面还是个新手,所以也许有人可以提供一些建议或为我指明正确的方向,我该如何解决这个问题。提前致谢! :)
Extjs 确实有一个单独的时间选择器,但没有 date/time 组合的选择器。您可能需要创建一个插件,但如果您对此相当陌生,您可能会觉得有点不知所措。
您可以在论坛中搜索 extensions/plugins 人创建的自定义内容,我刚刚发现 this one for ExtJs 4。
我在几个月前为 ExtJS 4 和 5 创建了一个 DateTime 插件。
试一试,它与您展示的略有不同,但按预期工作:
https://github.com/gportela85/DateTimeField
希望对您有所帮助
我找到了我要找的东西,但它是一个 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);
我在这方面还是个新手,所以也许有人可以提供一些建议或为我指明正确的方向,我该如何解决这个问题。提前致谢! :)
Extjs 确实有一个单独的时间选择器,但没有 date/time 组合的选择器。您可能需要创建一个插件,但如果您对此相当陌生,您可能会觉得有点不知所措。
您可以在论坛中搜索 extensions/plugins 人创建的自定义内容,我刚刚发现 this one for ExtJs 4。
我在几个月前为 ExtJS 4 和 5 创建了一个 DateTime 插件。 试一试,它与您展示的略有不同,但按预期工作:
https://github.com/gportela85/DateTimeField
希望对您有所帮助