Questions tagged [angular-bootstrap-calendar]
18 questions
3
votes
3 answers
How to set a default date and time to PrimeNG p-calendar
I have included p-calendar in my project with showTime="true" :
Then in my TS file i…

Atul Stha
- 1,404
- 8
- 23
- 46
3
votes
1 answer
Input type="month" format in google chrome
I have a input type="month" control and I am using Angular UI bootstrap as well.
When I select a month in IE it is shown as yyyy-MM format. But in google chrome it s shown as MMMM yyyy format.
When localized the months in calendar control is shown…

Praveen Prasannan
- 7,093
- 10
- 50
- 70
3
votes
2 answers
mattlewis92/angular-bootstrap-calendar calculating Wrong Dates on different Timezone
I am using this calendar https://github.com/mattlewis92/angular-bootstrap-calendar for showing events and time slots for people all over the world. During sign up, every user has to set his timezone and then my application uses this timezone for…

Muhammad Imran
- 58
- 8
2
votes
0 answers
Unable to convert "13/7/2021" into a date' for pipe DatePipe in Angular 11
In my angular form I have used Angular Bootstrap Datepicker control to select date. After selecting date from datepicker, the date format I get from the control is "dd-MM-yyyy". Now I would like to format the date to "yyyy-MMM-dd" format. So I have…

mnu-nasir
- 1,642
- 5
- 30
- 62
2
votes
3 answers
I'm getting an error while importing the "ngx-bootstrap/datepicker" module in Angular 6
I am trying to import the ngx Bootstrap datepicker in my Angular Application
for that I followed the following stapes
to npm install ngx-bootstrap
npm install ngx-bootstrap --save
Installed bootstrap 3
npm install bootstrap@3 --save
In…

Anurag Ranjan
- 242
- 1
- 4
- 14
2
votes
3 answers
I am getting error while Running Angular application
I have installed ngx Bootstrap into my Angular Application to use date picker
Now I am getting error while running the Angular Application
I am putting the details of the error below
ERROR in multi…

Anurag Ranjan
- 242
- 1
- 4
- 14
2
votes
1 answer
Display Short week days in angular-bootstrap-calendar instead of long week days
I'm using angular-bootstrap-calendar in Angular 4 app, and it displays long week days (ex: Sunday, Monday, etc...). Instead, I want short week days with 2 letters (ex: Su, Mo, etc...). Does it have any pre-defined class which I can use directly in…

imPK
- 764
- 2
- 7
- 30
1
vote
1 answer
How do I add screen reader functionality to select-2 combo box and bootstrap's datetime-picker?
My pre-existing website has select-2 combo boxes for drop-down lists and I also have a Bootstrap Calendar widget. These work great, but aren't accessible to people who may have disabilities. I am attempting to add screen reader functionality so that…

nintendofan10039
- 11
- 4
1
vote
2 answers
1
vote
0 answers
Reset the css class applied on the calendar cell
I am using angular-bootstrap-calendar and wanted to change the color of the cell when i click on any cell in the month view. I am able to change the color using
on-timespan-click="timespanClicked(calendarDate, calendarCell)"
HTML:

Suvojit
- 379
- 1
- 7
- 22
0
votes
0 answers
PrimeNG Calendar showing plus icon instead of next icon
I am using PrimeNG Calendar in my web application, and I have encountered an issue where the calendar displays a plus icon instead of the expected next icon.
Class and icon used by component >
class="ui-datepicker-next-icon pi pi-chevron-right…
0
votes
0 answers
angular bootstrap datetimepicker not woking properly
In angular bootstrap datetimepicker choose date of previous month and datepick again then current month is displayed in popover
When I change the date, I get an error in the console.
I followed this…

Prem Singh
- 320
- 2
- 16
0
votes
3 answers
ngb-Datepicker show wrong month on popup
I'm working with angular bootstrap datepicker and having some weird issues.
When opening the webpage everything looks alright, but when I want to change the date and I click on the calendar button to get the popup calendar it is showing the wrong…

roy
- 13
- 7
0
votes
1 answer
Module not found problem in angular bootstrap date formatter service
I am creating an Angular 10 application. In my component I have used Angular Bootstrap datepicker control. The default date format shown in the textbox is 'yyyy-mm-dd'. But I want the format in 'dd-mm-yyyy'. So I have created a service and put in my…

mnu-nasir
- 1,642
- 5
- 30
- 62
0
votes
5 answers
Angular TypeScript how to assign Date
How can i bind date to date selector?
const TodayDate = "19-11-2020";
ngOnInit() {
this._MyregisterForm = this.formBuilder.group({
today_Date:[this.TodayDate, [Validators.required]]
});
}
HTML