How to bind value to the array of object based on date selection in angular8

Question

i have array of objects, here if the date is picked from the datetime calender, the value is not binding to that object, but if i change the date manually then it works, but if i select from calendar then the value is nit binding. I have tried with (change) and (ngModelChange), but both didnt work.

HTML:

<div class="col-6 
            *ngFor="let restrictValue of Restrictions;let i = index">

            <div class="form-group">
              <input type="text" class="form-control onlyDateTime" placeholder="MM/DD/YYYY HH:MM AM/PM"
                [disabled]="!restrictValue.boolValue" [(ngModel)]="restrictValue.datetime" (change)="dateRestriction($event,restrictValue)" (click)="dateRestriction($event, i)"
                [ngModelOptions]="{standalone: true}" >
            </div>
          </div>

TS:

dateRestriction(event,restriction) {
       $('.onlyDateTime').datetimepicker();
      $('.onlyDate').datetimepicker({
        format: 'L'
      });
   $('.onlyDateTime').datetimepicker(
    ).on('dp.change', (e)=>{
      const date = e.date;

      });
  }

DEMO

@Chellappan from this demo, i should not enable the dates before present day, can that be handled? — Bhrungarajni
– Bhrungarajni, Commented Feb 14, 2020 at 19:23

Chellappan வ · Accepted Answer · 2020-02-06 12:20:39Z

1

Try this:

dateRestriction(event, restriction) {
    $(".onlyDateTime").datetimepicker();
    $(".onlyDate").datetimepicker({ format: "L" });
    $(".onlyDateTime")
      .datetimepicker()
      .on("dp.change", e => {
        const date = e.date;
        this.Restrictions[restriction].datetime = date.format("DD/MM/YYYY HH:mm:ss A");
      });
  }

edited Feb 6, 2020 at 12:20

answered Feb 6, 2020 at 11:25

Chellappan வ

27.9k4 gold badges39 silver badges69 bronze badges

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

13 Comments

Bhrungarajni Over a year ago

here am/pm fomat is also required as per requirement

Bhrungarajni Over a year ago

how about that formArray question, can we solve that by today?

Chellappan வ Over a year ago

I don't know I will check for sure~!

Bhrungarajni Over a year ago

yes please, if that is solved, then i can proceed with my other things, sorry but thanks

Bhrungarajni Over a year ago

stackoverflow.com/questions/60089673/…

|

Collectives™ on Stack Overflow

How to bind value to the array of object based on date selection in angular8

1 Answer 1

13 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

13 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related