2015-01-06 4 views
1

내가 찾고있는 것을 찾았지만 jQuery 예제입니다. 매우 깨끗하고 직관적입니다. xtype 'datefield'를 사용하여이 작업을 수행 할 수 있습니까? 이 필드 유형을 확장하여 날짜 아이콘 옆에 시계 아이콘을 포함하고이 예제와 같은 방식으로 작동하게 할 수 있습니까?ExtJS - 우아한 날짜 시간 선택기

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); 

나는 몇 가지 조언을 빌려 또는 나는이 알아낼 수있는 방법을 올바른 방향으로 날 지점 수 있습니다 매우 초보자이 그래서 아마도 누군가에 여전히입니다. 미리 감사드립니다! :)

답변

0

Extjs에는 별도의 시간 선택기가 있지만 날짜/시간 선택기는 없습니다. 당신은 플러그인을 만들 필요가있을 것입니다. 그러나 당신이 이것에 상당히 새로운 것이라면 당신은 약간 압도적 인 것을 알 것입니다.

당신은 사용자 정의 확장에 대한 포럼을 검색 할 수/플러그인 사람들이 만든, 난 그냥은 ExtJS 4. 전에 ExtJS에 4, 5 몇 달의 날짜 시간 플러그인을 만들었습니다

+0

감사합니다 도움이되기를 바랍니다. 당분간은 간단한 시간 지정기를 사용합니다. – Flexpadawan

6

에 대한 this one을 가로 질러왔다. 당신이 보여하지만 어떤 작품 의도 한대로, 그것보다 그 조금 다른를 사용 해보세요 :

https://github.com/gportela85/DateTimeField

+0

팁에 대한 흥미로운 접근 감사. – Flexpadawan

+0

좋은 소식, 아마도 Sencha는 이와 같은 것을 통합해야합니다. – Ashok

+0

액세서 빌 러티/ARIA를 준수해야하기 때문에 프레임 워크에 구성 요소를 추가하는 것이 조금 더 어렵습니다. 이제는 CMD + 위/아래 및 CMD + 시프트 + 위/아래로 시간/분을 변경하는 지원을 추가했습니다 ... 나는 기회를 얻을 수 있습니다. –

관련 문제