P-calendar / Date format

[Niiix]

You should create separate thread for different question....

ok

Hello... Can you help plz

In component.html i have

Code: Select all

<form [formGroup]="dateForm" (ngSubmit)="onSubmit()">
	<div class="form-group">
		<p-calendar [(ngModel)]="dateValue" formControlName="date" id="float-input-calendar" dateFormat="dd.mm.yy"></p-calendar>
		{{dateValue|date}}
	</div>
	<button pButton type="button" (click)="onSubmit()" label="Result" class="ui-button-success"></button>
</form>

In component.ts

Code: Select all

[...]
dateForm: FormGroup;
dateValue: Date;

ngOnInit() {
    this.signupForm = new FormGroup({
          'date' : new FormControl(null),
          });


  onSubmit(){
        console.log(this.signupForm.value.date);
        }

So, after input calendar, I have


And in console, I have


How I can get the value in console, like a 26.10.2017 ?? (dd.mm.yy)

[sudheer]

Check with Angular pipe usage in your component .ts file https://stackoverflow.com/questions/357 ... sing-pipes

[Niiix]

Pipe it's a good way.
As I understand Pipe use for otput some information for user.
But if I need send some Date-information to server (http request) in format dd/mm/yyyy. <- here use Pipe, too?
Or mb use some cycle( For Each), for transform Thu Oct 26 2017 [...] to 26/10/2017

[Phuluso]

On your p-calendar tag try:

<div class="form-group">
<p-calendar [(ngModel)]="dateValue" formControlName="date" id="float-input-calendar" dateFormat="dd.mm.yy" #myCalendar></p-calendar>
{{dateValue|date}}
</div>
<button pButton type="button" (click)="onSubmit(myCalendar.inputFieldValue)" label="Result" class="ui-button-success"></button>

Your, onSubmit(calendarDate: any) {
console.log(calendarDate);
}

Hope you get the idea