2014-04-18 5 views
1

날짜와 시간을 보유하는 녹아웃 관측이 가능합니다. 그 관측 가능은 kendoDateTime picker에 묶여 있습니다. 피커에서 관찰 가능한 값을 바인딩 할 수 없습니다. http://jsfiddle.net/ye865/74/KendoDateTime 피커 형식

JS 코드 :

function ViewModel() { 
    var self = this; 
    self.bigday = ko.observable("1997-07-16T19:20:30"); 
} 

ko.applyBindings(new ViewModel()); 

HTML 코드 :

<span data-bind="text: bigday"></span> 
<input data-bind="kendoDateTimePicker: { value: bigday, format: 'yyyy-MM-dd hh:mm' }" /> 

관찰 가능한 값 : "1997-07-16T19 : 20 : 30 여기서 동일한 대한 링크이다 jsfiddle "은 dateTimePicker에 바인딩되어야합니다.

아무도 도와 줄 수 있습니까?

감사합니다.

+0

답장을 보내 주셔서 감사합니다. 관찰 가능 객체에 저장된 날짜의 형식은 어떻게 지정합니까? 내가 datetime을 format = yyyy-MM-dd HH : mm 형식으로 observable에 저장하려고한다고 가정합니다. 이 작업을 수행하는 방법? – user2439903

답변

1

귀하의 형식 문자열이 잘못되었습니다 : 당신이 T 누락과 시간 HH해야한다 :

format: 'yyyy-MM-ddTHH:mm' 

그러나 당신은 아마 디스플레이가 T가없는 있도록 parseFormats 옵션에 넣고 싶어 :

<input id="text" data-bind="kendoDateTimePicker: { value: bigday, 
    format: 'yyyy-MM-dd HH:mm', parseFormats: ['yyyy-MM-ddTHH:mm']}" /> 

데모 JSFiddle. 날짜 선택의 value 속성은을 사용하여 예를 들어, 문자열로 수동으로 포맷 할 필요가 Date 객체를 반환하기 때문에

하면, 별도의 관찰이 필요 관측에 포맷 방법으로 선택한 날짜를하려면 computed :

function ViewModel() { 
    var self = this; 
    self.bigday = ko.observable("1997-07-16T19:20:30"); 
    self.formatted = ko.computed(function() { 
     return kendo.toString(self.bigday(), 'yyyy-MM-dd HH:mm'); 
    }); 
} 

데모 JSFiddle.

심지어 원래 bigday로 포맷 된 값을 피드백 할 수있다 :

self.bigday = ko.observable("1997-07-16T19:20:30"); 
self.bigday.subscribe(function() { 
    self.bigday(kendo.toString(self.bigday(), 'yyyy-MM-dd HH:mm')); 
}); 

데모 JSFddle.