How to implement calendar in ionic

@hirenkorat3

How to update angular?

above code is work or not ?

@hirenkorat3

To check above code i have to first update angular

so i don’t know how to update my angular 3.10.10 to angular 4 ?

@cooldp007
delete your node module folder from your project then again install npm with this command

npm install -g ionic@latest

note :slight_smile: : first take a backup copy of your project

Yes is very simple! Now you update the your angular version and try the code on git

Hello,

after runnig this command in cmd npm install -g ionic@latest

i didn’t get node_modules folder in my project

C:\Users\PC\AppData\Roaming\npm\ionic -> C:\Users\PC\AppData\Roaming\npm\node_mo
dules\ionic\bin\ionic
C:\Users\PC\AppData\Roaming\npm
`-- ionic@3.12.0

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\io
nic\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@
1.1.2: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”}
)

Hello,

please see my ng --version below

@angular/cli: 1.4.3
node: 6.10.3
os: win32 x64
@angular/common: 4.1.3
@angular/compiler: 4.1.3
@angular/compiler-cli: 4.1.3
@angular/core: 4.1.3
@angular/forms: 4.1.3
@angular/http: 4.1.3
@angular/platform-browser: 4.1.3
@angular/platform-browser-dynamic: 4.1.3
@angular/cli: 1.4.3
typescript: 2.3.3

Hello, All

I got calendar

Thanks for your valuable replied to me for my queries

@cooldp007
can you get that by updating angular version or by doing something else ?

Hi, @hirenkorat3

Both solution works for me yours and fillippodicostanzo’s solution

I used both methods in my two different project

Thanks for guiding me

Hi, @hirenkorat3

I want to configure holidays in calendar

for e.g. 30-09-2017 have Dussera so i want to put in calendar on 30-09-2017 as Dussera so Store is closed

@cooldp007
this may not be possible brother because you have manually set each and every date using script and css. and it is date picker control so we just can get date through it.you have to work on script and css to achieve this.

by the way happy dussera my friend :smiley:

Hi, @hirenkorat3

Happy Dussera Bro

Thank You

Hello @hirenkorat3,

In web
calendar show very well but when i build app so we got calendar as below in screen shots

Why should i get this weird calendar in any mobile deviceScreenshot_20171218-122713

please help me to solve my problem

according to output,i think css of calendar may not be applied properly for any reason !!

delete your node module and www folder then try again to build app

if suppose i delete node_modules and www folder then how i will get www folder back

node mogule can get by npm install command

and www folder automatically generated when you hit ionic serve command

1 Like

Hello @hirenkorat3

Thank you

Hi @cooldp007 Please help me to get ionic calendar

Hi, i have used the calendar you suggested as a modal, but i cannot select year and month in the modal option, i have to scroll. Do you have any suggestions to input birth date using calendar modal?