ExtJS - Elegant Date Time Picker

Question

Я нашел то, что искал, но это пример 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); 

Я все еще очень новичок в этом, так, возможно, кто-то может оказать совет или мне точку в правильном направлении, как я могу понять это. Заранее спасибо! :)

Answer 1

У Extjs есть отдельный Time Picker, но не сборщик даты и времени в сочетании. Вам, вероятно, потребуется создать плагин, но если вы довольно новичок в этом, вы можете найти его немного подавляющим.

Вы можете найти на форумах для пользовательских расширений/плагинов люди создали, я просто наткнулся this one для ExtJS 4.

Answer 2

Я создал плагин DateTime для ExtJS 4 и 5 несколько месяцев назад. Дайте ему попробовать, его немного иначе, чем то, что вы показали, но работаете как задумано:

https://github.com/gportela85/DateTimeField

Надеется, что это помогает