Get date in MM/dd/yyyy format with ng-model on form edit

Question

0.00/5 (No votes)

See more:

On edit of angular form I am getting date in other than "MM/dd/yyyy" format. Below are the view and angular controller. The date is coming with time zone.

View:-

HTML

<input id="dob" type="text" class="form-control myCalendar" ng-model="employeeDOB" data-modal="modal" ng-required="true" datepicker filter="date" />

Angular Module:

JavaScript

var app = angular.module("myApp", ['angularUtils.directives.dirPagination']);    
    app.directive('datepicker', function () {
        return {
            require: 'ngModel',
            link: function (scope, element, attrs, ngModelCtrl) {         
                element.datetimepicker({               
                    mask: true,              
                    timepicker: false,
                    format: 'm/d/Y',             
                    onSelect: function (dateText, inst) {
                        ngModelCtrl.$setViewValue(dateText);
                        scope.$apply();
                    }
                    }).on('blur', function () {    
                    $(this).valida();                
                });
            }
        }
    });

What I have tried:

$scope.employeeDOB = new Date(employee.DOB);
$scope.employeeDOB = new Date(emp.data.DOB.match(/\d+/)[0] * 1);

Posted 22-Jun-16 0:20am

Sunil bamal

Updated 22-Jun-16 1:07am

Add a Solution

2 solutions

Solution 1

1. Can you try "MM/dd/yyyy" for the format instead of using 'm/d/Y'?
2. If that doesn't work, what do you want to do with employeeDOB, just displaying it on the page or store in a DB? If just display, you can try {{employeeDOB | date:'MM/dd/yyyy'}}.

Posted 22-Jun-16 0:56am

Member 12597746

Comments

Sunil bamal 23-Jun-16 2:17am

no i cant change m/d/Y to MM/dd/yyyy it will change date in some other format which is a invalid date format. And i am trying with ng-model in input so i cant use {{employeeDOB | date:'MM/dd/yyyy'}} as well.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Accepted Answer · 2016-06-22T01:07:00

Solution 2

try this

JavaScript

var d =new Date(employee.DOB);
       var datestring =("0"+(d.getMonth()+1)).slice(-2) +"/" +  ("0" + d.getDate()).slice(-2) + "/" +   + d.getFullYear();
       $scope.employeeDOB = datestring;

Posted 22-Jun-16 1:07am

Karthik_Mahalingam

Comments

Sunil bamal 23-Jun-16 2:25am

Since i have changed my angular file to a newer version and after using input=date now m getting value in yyyy-mm-dd. So may be now your solution need to be change a bit.

Karthik_Mahalingam 23-Jun-16 2:27am

var d =new Date(employee.DOB);
var datestring =d.getFullYear() + "-" + ("0"+(d.getMonth()+1)).slice(-2) +"-" + ("0" + d.getDate()).slice(-2) ;
$scope.employeeDOB = datestring;

Sunil bamal 23-Jun-16 2:30am

now after changing back to input="text" is working.., thanks @Karthik

Karthik_Mahalingam 23-Jun-16 2:31am

welcome :)

Sunil bamal 23-Jun-16 2:51am

@Karthik, I have to clear cache manually in every browser to get reflection of changes in angular file, do have any idea why it happen and is there any solution to get reflection in browser without clearing cahe manually??

Karthik_Mahalingam 23-Jun-16 2:56am

Hi Sunil
Please post a new question regarding this with more information, if someone is aware of this you might get a better solution.
why do u want to clear the cache ?
dont do any change in angular.js file, then you application will work in appropriate.

Sunil bamal 23-Jun-16 3:07am

I am not changing angular.js and talking about other angular helping files like service or any angular controller files

Karthik_Mahalingam 23-Jun-16 3:11am

ok. search for "versioning of js files on hosting/deploying " like that
if still didnt get! post a new question, i will reply.

Sunil bamal 23-Jun-16 3:22am

ok