Comments (8)
I have found a way to fix this:
In Module.directive('dateTime' ...) link method:
element.bind("change", function (e) { //Custom method
console.log("Input changed");
var newDate = parseDate(e.srcElement.value, e.srcElement.attributes["format"].value);
scope.$broadcast('set-user-typed-date', { date: newDate });
clear();
});
This code to parse any date format:
function parseDate(input, format) { // http://karpcom.blogspot.dk/2011/02/constructing-javascript-date-object.html
format = format || 'dd/MM/yyyy'; // somedefault format
var parts = input.match(/(\d+)/g),
i = 0, fmt = {};
// extract date-part indexes from the format
format.replace(/(yyyy|dd|MM)/g, function (part) { fmt[part] = i++; });
return new Date(parts[fmt['yyyy']], parts[fmt['MM']] - 1, parts[fmt['dd']]);
}
And this in Module.directive('datePicker' ...) link method:
scope.$on('set-user-typed-date', function (event, args) {//Custom code
scope.setDate(args.date);
});
from angular-datepicker.
I have the same problem..
from angular-datepicker.
set the value with "new Date()" not a String
from angular-datepicker.
I have tried mortenholmgaard's method, but on the ngModel, only the view value is changed, the modelValue is still not changed :(
from angular-datepicker.
flyawaychen send a plunker with example code please.
from angular-datepicker.
@yelnar +1 http://plnkr.co/edit/JEe8jb?p=preview
When I insert/change date by input (using keyboard) ng-model value is not updated.
from angular-datepicker.
@rjurado01
i changed this: parseDate(e.srcElement.value, e.srcElement.attributes["format"].value);
to this: parseDate(e.originalEvent.srcElement.value, e.originalEvent.srcElement.attributes["format"].value);
and finally i do this:
var format = "yyyy-MM-dd";
var newDate = parseDate(e.originalEvent.srcElement.value, format);
and i have to do this:
scope.$apply();
from angular-datepicker.
This is very annoying , when editing the fields. @mortenholmgaard thanks for fix.
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.