So you wonder why in your Android emulator, the Date is either behind or ahead once you set it with an epoch time.
Now, here is the thing. While the emulator’s Timezone setting is set to automatically sync, it won’t when in the Android emulator.
You will have to uncheck the setting and select a Timezone manually.
That should do it. Your epoch converted Date object will then display the correct date.
Share the post "How To Use JQuery Input Mask With Angular JS Directive To Mask Date"
Why bother with complexities when there are already libraries that mask date formats, right? The JQuery Input Mask library does the trick easily.
I do not like to use HTML 5’s Date input type field because you still would have to create a function to limit the number of characters for the year. There is no attribute in this HTML element to define the max length. It just does not work.
So rather than bother with hassles, this JQuery library does the trick easily. This is how the HTML input field will look like.
|
1 |
<input type="text" placeholder="MM/dd/yyyy" ng-model="birthday" date-mask/> |
And here, is the Angular JS Directive code:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
.directive('dateMask', function() { return { restrict: 'A', require: 'ngModel', link: function (scope, elem, attrs, controller) { $(elem).inputmask('99/99/9999'); elem.bind('keyup', function() { controller.$setViewValue(elem.val()); // do not call $render() since cursor will make this move to end }); elem.bind('focus', function() { controller.$setViewValue(elem.val()); controller.$render(); }); elem.bind('blur', function() { controller.$setViewValue(controller.$viewValue); controller.$render(); if (controller.$viewValue && controller.$viewValue.length > 0) { var value = controller.$viewValue; controller.$setValidity('', value && value.indexOf('_') > -1 ? false : true); } }); controller.$formatters.push(function(value) { controller.$setViewValue(value); controller.$render(); if (controller.$viewValue && controller.$viewValue.length > 0) { var value = controller.$viewValue; controller.$setValidity('', value && value.indexOf('_') > -1 ? false : true); } else controller.$setValidity('', false); return value; }); } }; }); |
If you noticed, the reason I used a bind on the keyup function is because the JQuery Input Mask library messes the backspace and delete key result if I wanted to use scope.$parsers to detect any input. Binding the keyup did the trick.
Pretty easy, right?
Sad to say, there is no such control in Java FX 2. However, Java FX 8 has one. Then again, if you want to maintain your rule that you must never force the user to update to the latest version just to be able to see a date picker, the only option is to make one.
Luckily, somebody else did the dirty work for us. Marko Jacob extended a more flexible version from Christian Schudt and it works flawlessly. Plus, using it is fairly easy too.
The downside to this is that you cannot import this control in the Java FX Scene Builder. You will have to add the DatePicker control programmatically.
Download his JavaFX Date Picker Release on GitHub.
|
1 |
https://github.com/hrj/javafxDatePicker/releases |
