2014-09-18 2 views
4

Ionic 프레임 워크와 AngularJS를 사용하여 크로스 플랫폼 모바일 앱을 만들고 있습니다 이 앱에서는 날짜 문자열을 가져와 디바이스의 기본 캘린더에 추가해야합니다. Ionic과 AngularJS 만 사용하면됩니까? 이렇게 할 방법이 없다면, 그것들없이 그렇게하는 방법이 있는지 말해 줄 수 있습니까? 감사합니다!Ionic 프레임 워크를 사용하여 디바이스 캘린더에 이벤트 추가하기

답변

7

체크 아웃 코르도바 달력의 각도 래퍼 : 당신이 당신의 app.js에 ngCordova을 추가하고 일정 플러그인을 설치하면 http://ngcordova.com/docs/plugins/calendar/

, 당신은 당신의 컨트롤러에 $ cordovaCalendar를 삽입 할 수 다음과 같이 호출 :

$scope.createEvent = function(event){ 
    // Add to calendar interactively (vs silently): 
    $cordovaCalendar.createEventInteractively({ 
     title: event.summary, 
     location: event.location, 
     notes: event.description, 
     startDate: startsAt, 
     endDate: endsAt 
     // startDate: new Date(2015, 0, 6, 18, 30, 0, 0, 0), 
     // endDate: new Date(2015, 1, 6, 12, 0, 0, 0, 0) 
    }).then(function (result) { 
     // success 
    }, function (err) { 
     // alert('Oops, something went wrong'); 
    }); 
    } 
+0

사실, 이것을 시도했을 때 실제로 8 개의 매개 변수가있는 새로운 Date() 생성자가 작동하지 않았습니다. 아니면 잘못된 Date 객체를 사용하고 있습니까? 하지만 마지막 0을 제거해야했습니다. 'ionic serve'로 디버깅하고 브라우저에서 startDate 및 endDate가 올바르게 채워지는 것을 볼 수 있습니다. 하지만 실제로 'ionic run android'로 휴대 전화에 연결하면 날짜와 시간을 제외한 모든 정보가 이벤트에 추가됩니다. (아직이 해결책이 없기 때문에 stackoverflow에 대한 새로운 질문을 시작해야하는지 확실하지 않습니다. – SuperRetro

+0

오류 : [$ injector : unpr ] 알 수없는 공급자 : $ cordovaCalendarProvider <- $ cordovaCalendar <- ExampleController 및 endDate : new Date (2015, 1, 6, 12, 0, 0, 0, 0) – Anuj

0

일반적으로 으로 이동하면 다음과 같은 질문에 답변 할 수 있습니다. 나는 거기에 가서 달력을 찾아 여러 결과를 얻었는데 그 중 두 가지는 당신에게 딱 맞는 것 같습니다.

관련 문제