All Questions
Tagged with angular-ui-bootstrap datepicker
196 questions
0
votes
1
answer
109
views
How to implement bootstrap date picker?
I have date picker plugin in my packages, when I implement, I am able to see the calender. How can I see the calender .
This is what I have tried
<input
type=&...
0
votes
1
answer
113
views
Remove date from ToDate on selection of fromDate in ng-Bootstrap
I want to clear date from toDate while selecting date from fromDate in ng-bootstrap.
<form class="row row-cols-sm-auto" *ngIf="showDateRangeImp">
<div class="col-...
0
votes
1
answer
254
views
How can Angular bootstrap datepicker display "MM/dd/yyyy" and "MM/dd/yy"?
I have an issue regarding format when I use Angular bootstrap datepicker.
I want it to display the same value as when I typed.
For example:
I input "01/01/21", the result I get is 01/01/21
...
2
votes
1
answer
2k
views
Header of datepicker in bootstrap is not visible
I have website created as an angular app that has a bootstrap datepicker. The problem is that the header of this datepicker is not visible - there're no arrows or a spinner to choose a month and a ...
0
votes
1
answer
388
views
Is there a way to send a Bootstrap Datepicker value from one component to another?
I'm using Bootrap on my Angular Application and it is divided like this
This is my Datepicker.html file
<form class="form-inline">
<div class="form-group">
<...
1
vote
0
answers
174
views
How to set z-index and Autoclose for bootstrap datepicker?
The zIndexOffset which i gave in bsConfig is not working. Also i need to enable autoclose on scroll...
Would anyone help me figure how to do it?
TYPESCRIPT
this.bsConfig = Object.assign(
{},
...
0
votes
0
answers
849
views
Set input with datepicker to any string in AngularJS 1.5.8
this may be a simple question, but I have looked and cannot find my answer...
I have an input box with an Angular-UI Bootstrap datepicker:
<input type="text" class="form-control"
id="id" ...
0
votes
1
answer
910
views
set visible date in nxg-bootstrap datepicker
I'm using Angular 7.2.15 and ngx-bootstrap 4.1.1.
I want to set a minimum date and maximum date for the datepicker. the input field also has a placeholder to show the dateformat to the user, no date ...
0
votes
3
answers
5k
views
Data range picker to select start and end dates
I am looking for a date range picker in which first click is to select a start date, the calendar is then refreshed and second click is to select an end date. All date ranger picker i am finding has ...
0
votes
1
answer
33
views
Inter-controller communication between date picker components
I would like to link two date picker components in AngularJS. Basically, I use two input fields to select a date range. As soon as the user selects a start date, the date picker for the end date ...
1
vote
1
answer
2k
views
Calculate the number of days between selected date and current date using datetime-picker AngularJs
I'm using bootstrap datetime-picker in angularjs
I disabled few days using the option dateDisabled of the date picker like this
$scope.dateOptions = {
dateFormat: 'yyyy-MM-dd',
...
0
votes
1
answer
565
views
uib-datepicker-popup won't reopen
I am trying to use uib-datepicker-popup but am running into an issue that once the calendar opens and I choose a date, I cannot reopen the calendar without refreshing the screen. I step through the ...
1
vote
1
answer
209
views
How to use Angular UI Bootstrap DatePicker Popup with ng-repeat
<div class="task-manager_block" ng-controller="ToDoCtrl">
<div class="form_block clearfix">
<form name="addToDo">
<input class="add-input" placeholder="I need ...
1
vote
0
answers
149
views
Angular bootstrap datepicker(uib-datepicker) not apply to new added elements
I have a filed with uib-datepicker that added to DOM with jQuery after page load.
Now when I focus to field, datepicker not shown!
create and append date picker field
var dateInput =
$compile("&...
0
votes
1
answer
29
views
Format datepicker not change angularjs
i have define the format for my datepicker like this
$scope.open1 = function() {
$scope.popup1.opened = true;
};
$scope.open2 = function() {
$scope.popup2.opened = true;
};
$...