Angularjs - display current date and save it on a table

Question

I got a view in angularjs and I'm just trying to display the current date.

html

 <input type="text" class="form-control" ng-model="lis.ModifiedDate" id="ModifiedDate">

app.js

$scope.ModifiedDate = $filter("ModifiedDate")(Date.now(), 'yyyy-MM-dd');

Can you please assist me here i want to display default date and the save it on a table.

do u need to display the filtered date in textbox ? – Kalhan.Toress Jan 21 '15 at 09:35 — Kalhan.Toress, Jan 21 '15 at 09:35
@K.Toress yes i want that – ninjaXnado Jan 21 '15 at 09:44 — ninjaXnado, Jan 21 '15 at 09:44

score 2 · Answer 1 · edited May 23 '17 at 11:50

2

Ok. What you're asking for is how to format the data from the ng-bind and also edit it. What you need to do is little known and called a formatter:

How to do two-way filtering in angular.js?

You need to define functions that both read and write the formatted date. That is actually easy, but Date() parses date formats pretty well. You cannot just use filter to do this though.

Alternatively, if you're happy with a long-date format in the field you CAN edit that, and it will be updated as a normal bound value. Pretty delicate though - see plunkr:

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

  <body ng-controller="MainCtrl">
    <p>Edit the date in the input:</p>
    <input ng-model="boundDate">
    {{boundDate | date : 'yyyy-mm-dd'}}
  </body>

app.controller('MainCtrl', function($scope, $filter) {
  $scope.boundDate = new Date();
});

edited May 23 '17 at 11:50

Community

1
1

answered Jan 21 '15 at 09:31

Peter Ashwell

4,292
2
18
22

ok it does display now but nw i want to save it to a field so how to link the field with date i displayed – ninjaXnado Jan 21 '15 at 09:38
i want to display the date in a textbox and the save then date to my table – ninjaXnado Jan 21 '15 at 09:48
thank you very much for responding. Toress got it right its working – ninjaXnado Jan 21 '15 at 10:05

score 2 · Accepted Answer · answered Jan 21 '15 at 09:50

2

change the controller as,

 $scope.ModifiedDate = $filter("date")(Date.now(), 'yyyy-MM-dd');

dont forget to inject $filter in to the controller

and html, you need to bind the value to textbox using ModifiedDate not with lis.ModifiedDate.

<input type="text" class="form-control" ng-model="ModifiedDate" id="ModifiedDate">

here is a sample Plunker

answered Jan 21 '15 at 09:50

Kalhan.Toress

21,683
8
68
92

Toress i 've problem when i'm saving date my c# code saves wrong date not the default date – ninjaXnado Jan 23 '15 at 06:39
are u sending `$scope.ModifiedDate` value to the backend ? – Kalhan.Toress Jan 23 '15 at 07:34
Toress yes im doing that – ninjaXnado Jan 23 '15 at 08:21

score 2 · Answer 3 · answered Jan 21 '15 at 09:58

2

Use moment js it can convert date as required format

$scope.formattedDate = moment(new Date()).format("YYYY-MM-DD");

In html you use directly {{formattedDate}} it displays date in yyyy-mm-dd format

answered Jan 21 '15 at 09:58

Naresh Kumar

276
2
10

thank you very much for responding. Toress got it right its working – ninjaXnado Jan 21 '15 at 10:07

Angularjs - display current date and save it on a table

3 Answers3