1
I am using the following calendar in my project:
https://angular-ui.github.io/bootstrap/#/datepicker
I need to customize the back and forward calendar buttons, I disabled these default calendar buttons (searched the class and gave a None display), but need to use them elsewhere in the project, does anyone have any function I can use through any div? For example:
$('.voltar_calendario').click(function() {
$('.datepicker').pickadate('prev');
});
$('.avancar_calendario').click(function() {
$('.datepicker').pickadate('next');
});
Note: this does not work, is an example;
I need the current date that is displayed at the top of the calendar as well.
The only html to activate the calendar is as follows:
<uib-datepicker ng-model="dt" class="well-sm no_right" datepicker-options="inlineOptions" style="float:left; width: 100%;"></uib-datepicker>
Here’s a screenshot of why I needed to hide the calendar header with css, because I need to use it in the title:
Same calendar link in plunker: http://plnkr.co/edit/ZrfDlSROZxKrOAiA0PXp?p=preview
Why you need to disable Prev and next?
– adelmo00
I inserted image, deactivated with CSS the top of the calendar and now I need to use the Prev and next at the top right.
– Maurício Krüger
Did you download the Picker date template? Otherwise, it’s available on Github
– adelmo00
Can you make a jsFiddle with your example and put the new buttons where you want them to be? so we can help activate them.
– Sergio