the difference between two date Angular [duplicate]

Question

I have to compare two date in angular to know The number of days enter image description here

Answer 1

I'd not use a date library in order to do a particular corner case but nowadays people normally use date-fns in order to work with dates.

So if you use that it's really simple basically you can compare dates by doing:

isEqual(date1, date2)

isEqual doc

Get days difference between two dates

Get number of days in a year

Get number of days in a month

And so on... the lib has tons of methods to work with days, dates, etc..

Have a look on the links above, you can basically do anything you want with dates in a really simple way. Also, if you gonna work using timezones you can use date-fns-tz.

Answer 2

this is my code

enter code here
onBlurEvent(event: any){
  console.log(event.target.value);
  this.date_debut = event.target.value;
  console.log("date_debut",this.date_debut)
 }
 onEvent(event: any){
  console.log(event.target.value);
  this.date_fin = event.target.value;
  console.log("date_fin",this.date_fin)
 }

 calculateDiff(date1:any,date2:any) {
  var date1 = this.date_debut;
  var date2 = this.date_fin;
  var diffDays:any = Math.floor((date2 - date1) / (1000 * 60 * 60 * 24));
  console.log("diffDays",diffDays)
  return diffDays;
  

}

Answer 3

Use the MouseEnter event to capture the mouse cursor hovering over the button borders,
and the MouseLeave event to detect when the cursor leaves the button borders, in order to return it to its original size.

Here is one way to implement such functionality:

private Size OriginalButtonSize;
private Size HoveredSize;
private void Form1_Load(object sender, EventArgs e)
{
    OriginalButtonSize = this.button1.Size;
    HoveredSize = new Size(OriginalButtonSize.Width + 30, OriginalButtonSize.Height + 30);
}

private void button1_MouseEnter(object sender, EventArgs e)
{
    button1.Size = HoveredSize;
}

private void button1_MouseLeave(object sender, EventArgs e)
{
    button1.Size = OriginalButtonSize;
}

Output: