angular input type datetime-local

Question

I am using angular 7 and i would like to have an input type with dd-MM-YYYY hh:mm:ss Currently i'm using datetime-local and it's only limited to dd-MM-YYYY hh:mm. For my search i also would like to use ss(seconde). How can i do it? what is the appropriate value for input to have the seconds. Here is my code

<div class="form-inline col-sm-7">
  <div class="form-group mx-sm-3 mb-2">
    <input type="datetime-local" class="form-control" id="date1"  [(ngModel)]="dateBefore"/>
  </div>
  <div class="form-group mx-sm-3 mb-2">
    <input type="datetime-local" class="form-control" id="date2" [(ngModel)]="dateAfter"/>
  </div>
  <button type="submit" class="btn btn-info mb-2" (click)="searchAuditDate()">Chercher</button>
</div>

Dino · Accepted Answer · 2019-01-23 11:34:26Z

3

In order to use seconds in datetime-local you will have to add step attribute to it.

<input type="datetime-local" class="form-control" id="date1"  [(ngModel)]="dateBefore" step="1"/>

answered Jan 23, 2019 at 11:34

Dino

8,37213 gold badges50 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

vikas biradar · Accepted Answer · 2019-01-23 11:33:31Z

2

Adding step attribute will resolve your issue.

<input type=datetime-local value="2013-10-24T20:36:00" step="1">

answered Jan 23, 2019 at 11:33

vikas biradar

2981 gold badge3 silver badges12 bronze badges

Collectives™ on Stack Overflow

angular input type datetime-local

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related