2
Je suis actuellement en train d'utiliser le sélecteur de date bootstrap dans le projet angulaire 4.Angular 4: l'objet de modèle de formulaire ne contient pas la valeur de date lors de la soumission
Lorsque je sélectionne la date du sélecteur de date et soumettre le formulaire, la valeur de date ne ne vient pas dans l'objet modèle, il se présente comme un non défini
J'ai ajouté mon code de formulaire et S'il vous plaît laissez-moi savoir, quel est le problème avec mon code.
<form name="details-form" #myform="ngForm" (ngSubmit)="getData(myform)" >
<h4 class="message-heading">Establish new Opportunity</h4>
<div class="input-eta">
<div class="input-label">the ETA?</div>
<div class="datepicker-box " data-provide="datepicker" data-date-autoclose="true">
<span class="icons icon-calendar input-group-addon"></span>
**<input type="date" placeholder="mm-dd-yyyy" name="datepicker"
id="datepicker"
[(ngModel)]="sModel.datepicker"
#datepicker="ngModel" />**
</div>
<div class="input-other-details">
<div class="input-label">Other details</div>
<textarea placeholder="Type here" name="otherdetails" [(ngModel)]="sModel.otherdetails" #otherdetails="ngModel" ></textarea>
</div>
<div class="buttons-row">
<a href="javascript:;" class="btn btn-border btn-cancel" data-dismiss="modal">Cancel</a>
<button type="submit" [disabled]="!focusForm.form.valid" class="btn btn-primary btn-submit">Submit</button>
</div>
</form>
export class myValueComponent implements OnInit{
**sModel:any = {};**
constructor(){}
**getData(modalData){
console.log("modalData",modalData.value);
return false;
}**
ngAfterViewInit(){
}
}