Comments (8)
That would be very nice indeed. Any ideas on how to implement that?
from angular-datepicker.
I worked on the max
and min
validation. I "borrowed" some code from angular.js source and wrote the following inside directive date-time
's link function:
function isValidDate(value) {
// Invalid Date: getTime() returns NaN
return value && !(value.getTime && value.getTime() !== value.getTime());
}
if (angular.isDefined(attrs.min) || attrs.ngMin) {
var minVal;
ngModel.$validators.min = function (value) {
return !isValidDate(value) || angular.isUndefined(minVal) || value >= minVal;
};
attrs.$observe('min', function (val) {
minVal = new Date(val);
ngModel.$validate();
});
}
if (angular.isDefined(attrs.max) || attrs.ngMax) {
var maxVal;
ngModel.$validators.max = function (value) {
return !isValidDate(value) || angular.isUndefined(maxVal) || value <= maxVal;
};
attrs.$observe('max', function (val) {
maxVal = new Date(val);
ngModel.$validate();
});
}
I'll work now on having the calendar limit these dates, and not just validate them.
PS.: @g00fy- Would you be kind enough to review and add my code to your source?
from angular-datepicker.
@SuricateCan can you make PR compiling this changes? thanks
from angular-datepicker.
from angular-datepicker.
Is min/max limit working for you at all?
I'm trying to use it, but as soon as use, let say, min-date
, no matter which date I pick (before or after min-date
) the date-time
input is marked is ng-invalid ng-invalid-min
.
Here is the Plunker example with min-date
set to the current date.
Am I doning something wrong?
from angular-datepicker.
@evdoks You can't use "now" in max-date attribute. You have to use a valid, ISO format, date string.
Note in the code that the date you put in there is used in a "new Date()" statement.
from angular-datepicker.
Yes its true, the readme is wrong! only date string not expressions.
from angular-datepicker.
@evdoks You could extend this functionality by testing the variable before the new Date stuff.
Create a PR if you decide to make this change.
from angular-datepicker.
Related Issues (20)
- Unable to make default empty field while page load or state change.
- Angular DatePicker - Unable to get the accurate date in controller HOT 1
- can not set locale with webpack HOT 1
- Updating Calendar on input change HOT 6
- Update npm version HOT 12
- i can't able to select month and year after selecting date HOT 1
- After any event or any error massage than date field become empty
- ng-change is not working HOT 3
- Wrong repo :X
- document
- Years between 0001 and 0100 can't be picked and can't navigate to years before 1900
- ie8下不好使
- Fired change date event
- model.getFullYear is not a function
- First Day of Week is Incorrect HOT 2
- Popup top attr
- ng-model not working HOT 1
- Uncaught ReferenceError: angular is not defined HOT 3
- min-date doesn`t refresh
- max-date is not working properly
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-datepicker.