I just wanted to display current date and time in the center of a html page inside a div class using angularjs ltnav class34navbar navbarexpandlg fixedtop navbardark bgtek34gt lta class34navbarbrand mrauto mrlg034 href3434gtZETEK EBSltagt ltbutton class34navbartoggler p0 border034 type34button34 datatoggle34offcanvas34gt ltspan class34navbartogglericon34gtltspangt lt

ltinput type34datetime34 ngmodel34Date34 valueDate readonly class34inputsm formcontrol34 gtreplace above with this code ltspangtDate date39yyyyMMdd39ltspangt scopeDate filter34date34Datenow 39MMddyyyy39 function MainCtrl12scope filter scopedate filter34date34Datenow 39MMddyyyy39

Display Current Date Time in using AngularJS in ASP.Net

skp

SOLVED CLOSED ACTIVE ANSWERED
User: skp
Posted: on Apr 18, 2019 11:34 PM
Forum: AngularJS
Answer: 1
Views: 2383

I just wanted to display current date and time in the center of a html page inside a div class using angularjs.

    <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-tek">
        <a class="navbar-brand mr-auto mr-lg-0" href="#">ZETEK EBS</a>
        <button class="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas">
            <span class="navbar-toggler-icon"></span>
        </button>
        <span>{{date | date:'yyyy-MM-dd'}}</span>
        <div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
        </div>
    </nav>

function Ctrl($scope)
{
    $scope.date = new Date();
}

mahesh21...

0 5

Reply
ANSWER
User: mahesh213
Replied: on Apr 19, 2019 12:17 AM
Report

<input type="datetime" ng-model="Date" value={{Date}} readonly class="input-sm form-control" />

replace above with this code
 <span>{{Date | date:'yyyy-MM-dd'}}</span>

$scope.Date = $filter("date")(Date.now(), 'MM/dd/yyyy');
    
   function MainCtrl12($scope, $filter) {
       $scope.date = $filter("date")(Date.now(), 'MM/dd/yyyy');
   }

Display Current Date Time in using AngularJS in ASP.Net

Company

Explore

Follow us

Contact Us