Calendar on page


#1

how to add calendar on page ?
how can I realize this calendar with ionic 2??


#2

do you got above UI?


#3

@philchoco did you got the above calendar UI page?


#4

@venubollu@saikrishna_32… I’m new with mobile.
How can I got it?


#5

@philchoco had u designed?


#6

@saikrishna_32 no! It’s now I want to do it. I hope you’ll help me!


#7

The screenshot is for this page http://codepen.io/Russian60/pen/MwOoqR


#8

Hi @saikrishna_32, @venubollu

Thank you very much for the attention that you wore to my problem.
By insisting on my research, I came across this video https://m.youtube.com/watch?v=UVOV2hTkkvE that helped me solve my problem.
Miss me just the buttons next and previous to reach my goal.
Do you have a solution?


#9

#10

Hi @HsuanXyz
What is the HTML code?


#11

@philchoco
You do not need to write HTML code , It’s just modals


#12

@HsuanXyz i cannot understand html code in that


#13

@philchoco its good but how to disable the previous dates


#14

@HsuanXyz how to join the module in my HTML?
I don’t know how to use the module.
Me I want a static calendar not a modal not a datepicker


#15

@saikrishna_32 What are you talking about? My option or @HsuanXyz option’s?


#16

https://m.youtube.com/watch?v=UVOV2hTkkvE by using these video i had designed the UI part of calendar but now i wanted to disable the previous dates in the calendar


#17

Everything is on the README. md doc’s
To disable date, you have to use the markDisabled option.

HTML code:
<calendar [calendarMode] = “calendar. Mode” [currentDate] = “calendar.currentDate” [markDisabled] = “markDisabled” … step=“30”>

Ts code:
markDisabled =(date: Date) =>{
var current = new Date();
return date < current;
}


#18

@philchoco i had tried but its not disabling the previous dates had u tried?


#19

Yes I costumed the ts code to disabled the following date.

Ts code:
markDisabled =(date: Date) =>{
var current = new Date();
return date > current;
}

And it producing me the results.


#20

@philchoco where you had written markDisabled in ts file…