Date Filter in Angular

-

DateFilter in Angular:-


<html>

    <head>

        <title>Date Formats in Angular</title>

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>

    </head>


    <body>


        <div ng-app="" style="font-size: larger; color: darkblue;">


            <h1 align="center">Changing Date Format using Angular Date Filter</h1>


            <input type="date" ng-model="MyDate">

            <br><br>


            <span>Short Date Format (M/d/yy):</span><br> {{MyDate | date : 'shortDate'}}

            <br><br>


            <span>Medium Date Format (MMM d, y):</span><br> {{MyDate | date : 'mediumDate'}}

            <br><br>


            <span>Long Date Format (MMMM d, y):</span><br> {{MyDate | date : 'longDate'}}

            <br><br>


            <span>Full Date Format (EEEE, MMMM d, y):</span><br> {{MyDate | date : 'fullDate'}}

            <br><br>


            <span>yy-mm-dd Format:</span><br> {{MyDate | date : 'yy-MM-dd'}}

            <br><br>


            <span>dd-mm-yy Format:</span><br> {{MyDate | date : 'dd-MM-yy'}}



            

        </div>

        

    </body>

</html>


Subscribe Tech Sharmit for more videos on Angular

Please refer to the below video for the same topic.                 



Comments

Post a Comment