52 questions
1
vote
1
answer
1k
views
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 ...
- 555
0
votes
0
answers
175
views
How to set (or remove) timezone for AngularJs UI mix with jQuery Datepicker
I have a input type Date, because my Project user Spring MVC + AngularJs, so i used Datepicker of AngularUI, but when value send into Request, timezone always auto minus 7 hours, i looking for all ...
2
votes
0
answers
1k
views
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
<div class='input-group date' id='datetimepicker1' ng-click="...
- 123
0
votes
0
answers
697
views
AngularJS Controller resetting $scope variables after setting
I am trying to implement a simple datepicker using the akveo AngularJS project.
When I change my date,I am setting a $scope variable from on-change function. When I debug, I can see that the correct ...
- 5,470
0
votes
1
answer
125
views
uigrid is catching keyboard key events
Using AngularJs 1.x, I have a datepicker which should pick today when you press t. And I have ng-typeahead which should scroll down the options when keydown is pressed.
They both work fine when ...
- 5,375
0
votes
1
answer
2k
views
$parse Syntax Error when binding Angular Expression to Directive Attribute
Can't bind attributes on template using directive
I can't seem to bind attributes on the templates using directives. Any help or suggestion would be great!
It is giving me this error:
[$parse:syntax] ...
- 59
-2
votes
1
answer
2k
views
Date Range Picker in angular-ui-datepicker
I want to implement Date Range Picker in angularjs by using angular-ui-datepickerbut I can't find the resource or good example for this so can anyone suggest me for date range picker or normal select ...
- 2,498
1
vote
0
answers
150
views
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.
- 19
5
votes
1
answer
2k
views
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....
- 325
0
votes
1
answer
1k
views
conditional min and max date in uib-datepicker
I want to add an uib-datepicker in an ng-repeat. Each item has it own min and maxdate, so I want to conditional set this to the datepicker.
Currently I have this, but it isn't working:
<p class="...
- 2,721
0
votes
2
answers
690
views
How to diable previous dates in angular-io-datepicker
I dont know much about the angular 4, can any tell me how to diable previous dates in angular-io-datepicker.
2
votes
1
answer
239
views
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 ...
- 8,346
0
votes
1
answer
841
views
How to set input field validation in reusable custom directive?
I'm trying to make a reusable custom directive that will validate date in input field. Code provided below is working, however is not reusable at all which is my biggest concern.
What I was trying to ...
0
votes
2
answers
177
views
Angular $compile causes Datepicker popup box to misbehave slightly
UPDATE 1: add more details.
UPDATE 2: added the plunker code to reproduce the problem. See link below.
UPDATE 3: I got reply from angular team on github. Check it here.
UPDATE 4: Posted updated on ...
- 1,082
0
votes
2
answers
330
views
add traduction to ui-datepicker in angular ui-grid
is there a way to translate the button in the angular ui-datepicker in this plunker example.
I tried adding close-text="{{\'lblClose\' | translate}}" current-text="{{\'lblToday\' | translate}}" clear-...
- 221
2
votes
1
answer
1k
views
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/...
- 213
0
votes
0
answers
604
views
How to enable only particular dates in a month and disable all others with angular UIB datepicker
I am using a angular UIB datepicker in my project, I need to enable few dates in a month and then disable all other dates. For example, I need to enable the these dates: 10th jan 2017, 17th jan 2017 ...
- 97
0
votes
1
answer
2k
views
ui-datepicker with ui-grid issue
I'm trying to update a editableCellTemplate in a ui-grid to include ui-datepicker so I'll allow user to have the possibility to select date using firefox or IE, but with no success.
Here is plunker ...
- 221
1
vote
1
answer
3k
views
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 ...
user3844782
1
vote
1
answer
704
views
How to prevent make same period of time with moment
The purpose of application is for making event on the day which works very well. At the same the user can make event there is event already exist on the same period of time.
Is there any quick ...
- 27.6k
0
votes
1
answer
741
views
Restricting uib-datepicker to just one year
How do I fix the uib-datepicker to just one year. (say current year only).
I tried searching but all that I could find was to restrict calendar to year mode only. I tried setting year:2016 in ...
- 5,299
0
votes
0
answers
432
views
For tablet, ui-bootstrap datepicker pop-up not closing after date selected
<input type="text" id="datepickerId" class="form-control datepicker" placeholder="Select date" required name="StartDate" server-validate="parameters.Start"
uib-datepicker-popup="yyyy/MM/dd"
...
- 199
5
votes
2
answers
793
views
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, ...
- 830
0
votes
1
answer
304
views
angular ui date with latest jquery ui datepicker reopening IE(11)
I am trying to use the latest angular 1.5.8, jQuery 3 and jQuery UI 1.12 versions together with angular ui date 1.0.1.
These versions combined work fine in chrome / firefox. But now it seems that in ...
- 437
0
votes
1
answer
5k
views
Angular UI Datepicker. Enable only 5 days from today excluding weekends
I am using Angular UI Bootstrap datepicker directive in my project. I have this specific need like I need to enable only 5 days from current day. In case of weekend, I need to disable them and enable ...
- 303
0
votes
1
answer
327
views
Angular-UI datepicker validation error when previously selected date is now disabled
I have an angular-ui datepicker on my site which allows the user to select a delivery date. I'm disabling all dates in the past and all Sundays.
This works fine, the user cannot select a disabled ...
- 28.2k
6
votes
4
answers
13k
views
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 ...
- 619
0
votes
1
answer
235
views
AngularUI Datepicker passing variables to minDate and maxDate
I want to limit the Angular UI Datepicker to be between two dates passed in as variables.
Here is a working plunker of this problem: http://plnkr.co/edit/zsjpoVZtHqJLIP2RW6vm?p=preview
here are the ...
- 2,127
0
votes
2
answers
240
views
No dates showing using Angular.ui Datepicker
I'm trying to implement the Datepicker popup. I'm using the example on the getting-started page as seen Here. When I click on the calendar icon the popup shows but there are no dates, Just left and ...
1
vote
2
answers
2k
views
Angular UI datepicker validated as false when empty
I'm using the JqueryUI datepicker(1.0.0) directive with Angular 1.4.9 to display a date of birth. This field is not required and should not be validated unless it's filled.
Once the page loads, the ...
- 6,702
1
vote
2
answers
1k
views
Extend Angular-UI Datepicker directive
I have been using the ui-datepicker from Angular-ui-bootstrap a lot, but every time I use it, I need to set it up, the same way I do every time.
So I was wondering if I could create a directive called ...
- 929
0
votes
1
answer
656
views
Handle date with mask and uib-datepicker
I'm looking for a way to use uib-datepicker and some kind of mask for the user input but the uib-mask is not suitable for work with js Date() types.
In the default uib-datepicker samples the users ...
- 1,416
0
votes
1
answer
5k
views
How to change date format from mm/dd/yyyy to dd/mm/yyyy?
I am using this library. I am having trouble converting the date format. When I pick a new date it should display date in dd/mm/yyyy
- 508
0
votes
1
answer
914
views
can not assign date to ui-date angularjs
I want to assign my string date to ui-date
my view
<input ng-switch-when="datePicker" type="text" ui-date-format ui-date class="form-control" ng-model="field.value" />
and my date string
"...
- 319
0
votes
1
answer
5k
views
Angular UI Datepicker programmatically set to open to a particular month
Is there a way to the calendar open up to a particular month WITHOUT actually setting the value for the datepicker.
As an example, I have two datepickers, one is a start date and one is an end date. ...
- 833
0
votes
1
answer
794
views
How to enable all dates
I am using the angular ui datepicker widget from the angular ui bootstrap library (http://angular-ui.github.io/bootstrap/). By default, the datepicker only allows today or later dates to be enabled. ...
- 8,619
3
votes
1
answer
143
views
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: {
...
- 591
3
votes
1
answer
1k
views
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: ...
- 3,154
0
votes
1
answer
627
views
Many AngularUI Datepicker making page performance low
I am working with AngularUI Datepicker.I have seprate partial views each having ng-repeat .There I am using AngularUI-Bootstrap-Datepickers and it is making page load really slow.
I followed this ...
- 1,123
1
vote
0
answers
368
views
How do I use a custom month template with Angular UI Bootstrap Datepicker?
In the case of Angular Bootstrap UI Datepicker, I am unable to duplicate the technique for overriding Angular Bootstrap UI templates shown at this plunkr, which is cited at SO here.
Here is my ...
- 417
7
votes
7
answers
19k
views
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 ...
- 133
4
votes
3
answers
2k
views
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?
- 95
0
votes
1
answer
2k
views
How to disable previous month button itself (not dates) in AngularUI date-picker control?
Want to disable/hide previous month button , when angularUI date-picker showing current month and enable/show previous month button, when angularUI date-picker not showing the current month or future ...
- 261
4
votes
1
answer
360
views
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 ...
- 455
1
vote
0
answers
617
views
Screen Reader NVDA 2015.2 reads the heading of AngularUI's datepicker twice
So I'm using an angular UI Datepicker: link to gitgub with NVDA screen reader (latest version).
The problem is related with table heading live region: when switching to another set of data (years, ...
- 1,542
0
votes
1
answer
423
views
Angularjs fullDate filter not working
I'm getting following error on using fullDate filter inside my html:
Error: [ngModel:nonassign] Expression 'publisherForm.dt |
date:'fullDate'' is non-assignable. Element:
Here is my jade code:
...
- 3,591
1
vote
2
answers
3k
views
AngularJS orderBy does not work when use date() format
OrderBy:'date' works fine, but unfortunately it does not order properly when add or edit the date()
<tr ng-repeat="expense in filteredlist = (expenses | filter:filterlist) | pagination: ...
- 27.6k
0
votes
1
answer
148
views
ngModel does not work for input[type="date"] in Angular UI bootstrap
The angular ui bootstrap datepicker works fine with all functionality when use <input type="text" but unfortunately ng-model does not working for ng-click="editExpense(expense); when use <input ...
- 27.6k
0
votes
1
answer
1k
views
List all saturdays and sundays
How should I achieve listing all saturdays and sundays between two dates into a listbox or textarea in Angular JS date picker on a button click and save them on another screen as Weekend under holiday ...
- 102
4
votes
1
answer
4k
views
How do I make an Angular UI Datepicker NOT Required
I have a form with many fields, including several datepickers (Angular UI Bootstrap).
<div name="mainForm" ng-form>
<div class="form-group">
<p class="input-group">
...
- 649