2016-07-12 1 views
1

저는 Angular 2를 사용하고 있습니다. 아이디어는 API에서 수행 한 REST 서비스에 요청을 보내는 것입니다.캡쳐하는 방법 http get 요청에 사용할 날짜 (pickadate 포함)

현재 Plunker에서 결과를 확인하고 있습니다. 선택한 날짜를 캡처하는 데 많은 어려움을 겪고 있으므로 http 요청을 수행하는 데 사용할 수 있습니다.

그래서이 작업을 수행 할 수있는 방법이나 다른 방법이 있다면이 작업을 쉽게 수행 할 수있는 방법을 알고 싶습니다.

나는 여기에서 보인 모든 것을 시도했지만 아무 것도 작동하지 않습니다. (그리고 그 말로는 .get()에서 작업에 사용할 수있는 변수의 값을 가져올 수 없습니다. .)와 .subscribe()는 REST 서비스에 대한 요청을 만들기 위해

을 이렇게 가까이 내가 가진 것입니다 :

Calendar.js: 

function myCalendar(){ 
    $('.datepicker').pickadate({ 
     selectMonths: true, // Creates a dropdown to control month 
     selectYears: 15, // Creates a dropdown of 15 years to control year 
     onSet: function(context) { 
     console.log(new Date(context.select)); 
} 
    }); 
} 

calendar.ts

import {Component} from 'angular2/core'; 
@Component({ 
    selector: 'cal-inside', 
    template: `<input value="Input date" type="text" class="datepicker" onclick ="myCalendar()" > 
`, 
    directives: [] 
}) 
export class CalendarioDentro { 
    constructor() { 
     }  
} 

그리고 그 선택 호출된다 이리:

SRC/basic_usage.html

[...] 
<form> 
      <cal-inside></cal-inside> 
      <check-inside></check-inside> 
      <boton></boton> 

     </form> 
    [...] 

이, 나는 sidenav 구성 요소의 내부 달력을 작업 얻을 않으며, 내가 구문을 얻을 수 없기 때문에 지금은, 계속하는 방법을 알고 싶습니다 모든 무슨 일이 있어도 pickadate() 함수가 올바르게 작동합니다.

내가 현재 콘솔에 보여준 것은 실제로 내가 날짜를 클릭 한 것입니다. 나는 그 외에 다른 어떤 것도 얻을 수 없으며, 정보를 위해 arround를 볼 때 API가 완료되었다고 말하는 것과는 다르다. (이해할 수있는 것에서 이것은 var picker = $input.pickadate('picker') picker.get('select', 'yyyy/mm/dd')과 같다).

그렇다면 내가 누락 된 주요 개념은 .get()을 사용할 수 없다는 것입니까? 왜냐하면 내가 사용하는 구문이 무엇이든 상관없이 나는 어디에서나 오류를 가져오고, 그렇지 않을 때 (나는 onset으로 관리 한 것과 비슷한 어떤 것을 사용한다 : 구문은 아무 것도 표시되지 않는다).

예를 들어 jquery가 사용되는 경우가 있습니다. 가끔은 여기 How can I consolidate pickadate initializer for multiple inputs on one page?과 같으며 필자가 필요한 것으로 번역 할 수 있습니다. 다른 사람이 가진 많은 문제를 가지고있는 것처럼

답변

1

은 보이지 않는다 그러나 나는 그것을 제대로려고 미쳐서 때문에, 난 그냥 경우 여기를 놓을 게요 : 이것은 현재 작동하고 콘솔에 날짜를 표시

합니다. 대기중인 작업은 http 자체를 얻는 것입니다.

var foo; 
function CalendarMaterializeCSS(){ 
$('.datepicker').pickadate({ 
    onSet: function(context) { 
     foo = new Date(context.select); 
     var curr_date = foo.getDate(); 

     var curr_month = foo.getMonth(); 

     var curr_year = foo.getFullYear(); 
     var dateFormated=(curr_date + "-" + curr_month + "-" + curr_year); 
     console.log(dateFormated); 

    } 
}); 
관련 문제