表格中的Angular 2自动日期选择日期

时间:2018-01-09 05:18:03

标签: javascript angular date

我想在我的表单中插入日期选择器,它会在没有选择日期的情况下自动显示今天的日期。从下面开始让你选择日期,任何人都可以帮助我...

<div class="form-group">
    <label class="container" for="name">Erän saapumispäivä :</label>
    <div class="col-sm-5">
       <input type="date" class="form-control" id="Entery_Date" 
       [(ngModel)]="addProduct.Entery_Date" name="Entery_Date" #Entery_Date="ngModel">
            <div *ngIf="Entery_Date.errors && (Entery_Date.dirty || Entery_Date.touched)" class="alert alert-danger">
                 <div [hidden]="!Entery_Date.errors.required">
                   Erän saapumispäivä on pakollinen!
                  </div>
            </div>
    </div>

2 个答案:

答案 0 :(得分:0)

请看下面的例子。

<input name="dateInput" type="date" ng-model="date"/>

现在,在您的控制器中使用以下代码:

var d=new Date();
var year=d.getFullYear();
var month=d.getMonth()+1;
if (month<10){
month="0" + month;
};
var day=d.getDate();
$scope.date=year + "-" + month + "-" + day;

希望这会奏效:)

答案 1 :(得分:0)

使用材料日期选择器(https://material.angular.io/components/datepicker/overview

是个好主意

它应该满足您的所有要求