Ionic Calendar

Currently, the model has current date or user selected date. The component can be customised to define start date and end date based on user selection and based on these dates, the days can be highlighted and results can be found

Are you able to launch it from the ioniccalendar project without copying it to your project?

Yes, no problem running your project. Am just not able to add your calendar to my project.

Ok. Then you have to check your project www/build/core/launch/launch.html. Does this file exist in your project? If this file does not exist, then you have check your gulpfile.js. Maybe, your gulpfile.js is not up-to-date with the latest ionic framework release

Well am trying to add your calendar to ionic2 conference app and it's using the following gulp file: https://github.com/driftyco/ionic-conference-app/blob/master/gulpfile.js. It should be up to date. And launch.html does exist in my project. So i don't know what else to look for?

I am assuming you have copied the core folder as app/core to your project. If launch.html does not get copied to your www/build/... folder, then looks to be an issue in your environment and gulp tasks.

also, make sure that you don't have typescript errors in your project

You were right after changing the templateUrl: 'build/pages/core/launch/launch.html', i was able to run your calendar. Thx for the help :-)

1) Change the weekNames array header in constructor to start with Monday 2) Replace dateLocal.day(0) with dateLocal.day(1) in app/core/calendar/calendar.ts

It works. Once again thx :-) I was able to change the locale of the calendar to danish also by setting: require('moment/locale/da'); right after var moment = require('moment');

Great. Thanks for the locale input. We have not tried that before.

I hope your issue is resolved. There is a detailed documentation available in the product bundle which explains how the component is developed. Since you are new to ionic, you need to check the package.json for ionic version being used. Do note that Ionic 2 is evolving rapidly with drastic changes in every release. The ionic starter app will be updated for the latest release and this may not be in sync with our release. We try to update to the latest release based on the stability of the release.

We don't have support for multi selection or range selection in this theme

Where can I get your API? or a demo to see that everything is working? Thanks.

Hello, As this is a theme, there are no APIs. For demo, you can use the Ionic View with id 52e4ab79

I saw the app in Ionic View, but I would like to see some Docs and see the functions I can use with your plugin. I saw comments here that it is hard to implement your plugin, and I wanna see some proof it isn't. Thank you

Docs are provided with the source code after purchase. If you are comfortable in ionic, then it is easy to understand

OK Thank you

You can customise the theme as per your requirement. There is currently no API integration for this theme

Iam adding event marker like this<em class="marker" *ngIf="checkEvent(day)"></em> but by adding like this iam getting very bad user experience is there any other way to add marker i have events dates in my json file

I think it is more to do with the design of your app. You should look at some fast in-memory cache to pre load events and then use the cache for later lookup.

yeah i am fetching events data in init method and keeping in local cache and after i am comparing by using checkEvent(day) method passing day to it. Problem with this procedure is check event method is executing 121 times like that will you please guide me to do in correct way I have some events with dates in that i need to keep markers on that date

You may try using a directive on the element and use the directive to programatically set the css class on the element. We have used something similar to this effect in our datepicker theme which is available at http://market.ionic.io/themes/ionic-2-date-picker

can you guide me with some peace of code or example template

its urgent please let me know to add event markers for particular dates

I think you should first try to access your events cache object directly from your templates instead of calling a function. The problem statement is more related to how you can use angular to achieve your objective. I think if you ask your question in angular forums, you may get a better solution. We will not be able to help further on this.

Disabling date is not a feature yet in this theme

Cannot read property 'selectedMonth' of undefined that is the error I am getting

Please send the console logs, version number and the steps to reproduce to ionicplus@pravishatech.com. We will take a look at it

This feature is not yet supported. However, for your requirement, you may handle the logic in ngOnInit() and handleSlideView() and check for prevMonth selection.

I did that however handleView does not block swiping any suggestions ?

Can you send your changes to ionicplus@pravishatech.com? We will check and get back.

UI is same for both. Premium license is for commercial usage, if you are planning to charge end users in your app. Basic license is for non commercial usage

In the current theme, there is no min/max date support and only one date selection is supported. It uses moment.js for datetime object. So globalization support is as per the support give my moment.js You may want to customise the theme as per your needs