Current Time in AngularJs

Question

I already got and display the current time using angularjs. What I want to know is how can I pass this value into the dropdown? thanks

     <div class="container-fluid main_content">

    <div class="col-sm-12 col-xs-12 title_box"> 
            <h4 class="subject_title">System Time</h4> 
            <div class="" align="left" >


          <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
              <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
    <script type="text/javascript">
     var mymodal = angular.module('mymodal', []);

mymodal.controller('Ctrl2', ['$scope', function ($scope) {
  $scope.format1 = 'M/d/yy  ';
  $scope.format = 'h:mm:ss a ';
   $scope.format2 = 'Z ';

}]);

my whole code is on this plunker file : http://plnkr.co/edit/fnqEG1jfwTWe1MNIXKDz?p=preview

i hope someone can help me

does this means I still have to write time data into json or xml file? @Anil Panwar — bleyk
– bleyk, Commented Dec 20, 2015 at 8:37
does this means I still have to write time data into json or xml file? @AnilPanwar ? — bleyk
– bleyk, Commented Dec 20, 2015 at 8:50
@AnilPanwar can you help me on how can I show the save as dialog box like this docs.google.com/document/d/… when I click the save button ?here's my plunker plnkr.co/edit/8oDrrIyn0XSduagYtadK?p=preview — bleyk
– bleyk, Commented Jan 13, 2016 at 3:43

Tom · Accepted Answer · 2015-12-20 13:59:36Z

0

I am not quite sure what you mean, dropdown, I didn't see it in your demo, but I hope this is what you want, you can access the scope property all time, but inside setTimeout, you will have to use $apply, check this http://jimhoskins.com/2012/12/17/angularjs-and-apply.html :

http://plnkr.co/edit/oTGmpIPVc4r8JHrQ8cj9?p=preview

  function updateTime() {
    var dt = dateFilter(new Date(), format);
    //element.text(dt);
    scope.$apply(function() {

      scope.dropdownValue = dt;
    });
  }

In the div, access the dropdownValue:

<div class="item_contentbox"> 
        <span my-current-time="format">
          {{dropdownValue}}
      </span>
</div>

answered Dec 20, 2015 at 13:59

Tom

4,6724 gold badges34 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

bleyk Over a year ago

Thank You @Tom but this code assigns the current time value under the Timezone field. What I want is to make three separate dropdown fields then assign to those the value of the current time; the hour, the minutes and the seconds respectively. The value of the dropdown is also clickable and changeable for the user to edit the time he wants. Thank you

Collectives™ on Stack Overflow

Current Time in AngularJs

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related