Stack Overflow
Stack Overflow

Questions tagged [angular-ui-datepicker]

Use for questions about the datepicker and datepicker popup directives of the Angular UI Bootstrap library.

Resources:

53 questions
7
votes
7 answers

Angular-UI date picker is in invalid state when specified the date format as 'd-M-yyyy' and ng-model with a string value as "2014-08-31T00:00:00Z"

I am getting a date time value from asp.net mvc controller as "2014-08-31T00:00:00Z". When I bind this value to my angular-ui datepicker control it's state is showing as ng-invalid ng-invalid-date. I am getting the date-format as well from the mvc…
Murali Krishna
  • 133
  • 1
  • 1
  • 6
6
votes
4 answers

Angular error message flashes very briefly on screen when using angular-ui's ui-date datepicker

I'm running into an issue where ng-message is flashing the 'required' error message despite there being input in the input box. What happens is that it very briefly flashes the error message: "THIS FIELD IS REQUIRED (ALL IN CAPS TO MAKE IT EASIER…
user45183
  • 529
  • 1
  • 7
  • 16
5
votes
1 answer

UI Bootstrap datepicker duplicated when appended to body

I'm using ui.bootstrap.datepickerPopup in a filter header template inside ui.grid. This lets me filter rows by date. I also have a button inside the grid menu that toggles grid.options.enableFiltering. Due to alignment issues with ui-grid, I have…
Borja Canseco
  • 325
  • 1
  • 6
  • 24
5
votes
2 answers

Angular ui-date inside of modal

I am using ui-date (https://github.com/angular-ui/ui-date) (which is an angular directive that extends the jquery ui date picker) to create a pop-up date picker when an input is clicked on. The issue, is that it is inside of a $modal window (from…
mls3590712
  • 750
  • 1
  • 6
  • 20
4
votes
3 answers

Detect the selected month in Angular UI bootstrap datepicker

I'm using the Angular UI Bootstrap datepicker in day mode for my project. How can I get the currently open month befoure the new date was selected?
Marik
  • 95
  • 8
4
votes
1 answer

angular ui bootstrap datepicker parsing not working properly

I am using angular-ui-bootstrap datepicker. When i try to change the date manually in input box as 1/1/2015 then the model value is undefined But when I enter as 01/01/2015 it works fine. I want to use both the format. Plunkr link: Demo link
Eftakhar
  • 455
  • 4
  • 17
4
votes
1 answer

How do I make an Angular UI Datepicker NOT Required

I have a form with many fields, including several datepickers (Angular UI Bootstrap).
3
votes
1 answer

Angular erases invalid content from input inside directive

I have directive where I'm dynamically adding other directives and attributes: app.directive('lrDatetime', function ($compile) { return { restrict: 'AE', require: ["ngModel"], scope: { ngModel: "=", item: "=" }, templateUrl:…
liri2006
  • 591
  • 7
  • 18
3
votes
1 answer

How to change Angular UI Datepicker model value format in angular formly?

Here is the default format of UI Datepicker of angular formly { "date": "2015-10-05T18:30:00.000Z" } How to change the above format into { "date": "2015/10/05" } Here is the JSBIN: http://jsbin.com/cadaga/2/edit?html,js,output
rajagopalx
  • 3,012
  • 9
  • 41
  • 52
2
votes
1 answer

Angular ui date picker short date format, incorrect past date/year after selection

UI date picker is showing incorrect date when, short date is selected from the format and any date in previous years like 1921 is selected, the date selected will be shown as in year 2021, ideally it should be shown as 1921. Below is the official…
msapkal
  • 8,268
  • 2
  • 31
  • 48
2
votes
1 answer

How to manually enter date in ui grid edit datepicker

In the below link provided a ui grid with date picker(column date). Here we can't manually enter the date. Kindly provide a solution to enter the date manually in the datepicker http://plnkr.co/edit/4mNr86cN6wFOLYQ02QND?p=preview $scope.data =…
Thomas
  • 213
  • 5
  • 17
1
vote
1 answer

Angular- Date Picker disable validations

I am using angular8. I have date picker from date , To date , renewal date. If I select from date and To date then renewal date will be the inbetween the from date and To date. In this the remaining date will be disable in date picker for renewal…
Gem
  • 513
  • 2
  • 6
  • 17
1
vote
0 answers

How to Enable only current month date using AngularJs

I want to disable the previous month dates and next month dates when the current month dates show in a calendar. I can do this HTML
Ahasanul Banna
  • 113
  • 2
  • 12
1
vote
0 answers

I want to make dynamic table(with col and rows) base on calendar date

Here image how i want to show my table if i write any with date range base on calendar. In angular js.
Devesh
  • 19
  • 3
1
vote
1 answer

Angular UI Bootstrap Datetimepicker with seconds

I want to get bootstrap datetimepicker input value in angularjs controller. I am using following custom directive to achieve this . But i am getting the value is undefined. I have added the code related to html and angular code related to the…
user3844782
1
2 3 4