javascript - angularjs set default date input at today - Stack Overflow

admin管理员组

文章数量:1334148

I try to set the default value of an input field at today. I can do that with an text field but when I try with an date field it fails.

HTML code :

<div ng-controller="MyCtrl">
    <form name="new">
        <input type="date" ng-model="date_rdv" />
        <input type="text" ng-model="form_text" />
    </form>
</div>

JS code :

var myApp = angular.module('myApp',[]);
function MyCtrl($scope, $filter) {
    $scope.form_text = $filter('date')(Date.now(), 'yyyy-MM-dd');
    $scope.date_Rdv = $filter('date')(Date.now(), 'yyyy-MM-dd');
}

Why it works with text field and not with date field ?

JSFiddle.

I try to set the default value of an input field at today. I can do that with an text field but when I try with an date field it fails.

HTML code :

<div ng-controller="MyCtrl">
    <form name="new">
        <input type="date" ng-model="date_rdv" />
        <input type="text" ng-model="form_text" />
    </form>
</div>

JS code :

var myApp = angular.module('myApp',[]);
function MyCtrl($scope, $filter) {
    $scope.form_text = $filter('date')(Date.now(), 'yyyy-MM-dd');
    $scope.date_Rdv = $filter('date')(Date.now(), 'yyyy-MM-dd');
}

Why it works with text field and not with date field ?

JSFiddle.

• javascript
• angularjs
• html
• date

Share Improve this question Follow asked Dec 5, 2015 at 0:21 Samuel DauzonSamuel Dauzon 11.3k1515 gold badges6666 silver badges100100 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

You are not referencing the correct property of $scope.

Either use:

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

Or

<input type="date" ng-model="date_rdv" />.

I've updated your fiddle here:

http://jsfiddle/68j7y439/1/

本文标签： javascriptangularjs set default date input at todayStack Overflow