Tips for extracting year, month, and day from a date type in Typescript

Question

Tips for extracting year, month, and day from a date type in Typescript

I'm currently working with Angular 7 and I'm facing some challenges when it comes to extracting the year, month, and day from a Date type variable. Additionally, I am utilizing Bootstrap 4 in my project. Can anyone assist me with this?

Below is my HTML code:

<div class="form-group">
     <label>Check date</label>
     <input type="date" id="user1" formControlName="search_date" class="form-control" placeholder="Enter date">
</div>

and the corresponding .ts file snippet:

ngOnInit() {
   this.searchForm = this.formBuilder.group({
      emp_type: '',
      designation: '',
      week_month: '',
      search_date: Date
   });
}

}

var yer = this.searchForm.value.search_date
console.log(yer.getUTCMonth())

As a result, an error message pops up:

TypeError: yer.getUTCMonth is not a function
at HomeComponent.push../src/app/home/home.component.ts.HomeComponent.onsubmit (home.component.ts:53)

angular typescript date

Answer 1

Answer №1

The data stored in the variable input is not of type Date. To resolve this, you should instantiate a new Date object.

You can make use of the following code snippet:

var newDate = new Date(this.searchForm.value.search_date)
console.log(newDate.getUTCMonth())

Answer 2

The data stored in the variable input is not of type Date. To resolve this, you should instantiate a new Date object.

You can make use of the following code snippet:

var newDate = new Date(this.searchForm.value.search_date)
console.log(newDate.getUTCMonth())

Answer 3

Answer №2

attempt this:

let day = new Date().getDay();
let month = new Date().getMonth();
let year = new Date().getFullYear();

Answer 4

attempt this:

let day = new Date().getDay();
let month = new Date().getMonth();
let year = new Date().getFullYear();

Tips for extracting year, month, and day from a date type in Typescript

Answer №1

Answer №2

Similar questions

After the component has been initialized for the second time, the elementId is found to be null

The Angular elements encountered a problem when trying to create the 'HTMLElement'. The construction failed

Displaying TypeScript issues across the entire project in WebStorm allows for a comprehensive overview

"Troubleshooting: The unique key prop is not functioning as expected with a

Sharing a FormGroup between different components

Exploring the narrowing capabilities of TypeScript within while loops

Accessing the Component Property from an Attribute Directive in Angular 2

Using a dictionary of objects as the type for useState() in TypeScript and React functional components

What could be causing my matDialog to display incorrectly in Angular version 15?

Observables do not provide any results when used in a pipe with an image src

Using Typescript and react-redux with a Stateful Component: The parameter type 'typeof MyClass' does not match the expected component type

What is the best way to consistently position a particular row at the bottom of the table in AG-grid?

Angular 5 is unable to access the value of a form control when the name attribute is not specified

The TypeORM connection named "default" could not be located during the creation of the connection in a Jest globalSetup environment

The Angular Reactive Forms error message indicates that attempting to assign a 'string' type to an 'AbstractControl' parameter is invalid

What could be causing my customer directive to malfunction?

Having trouble getting the NextJS custom 404 page to display?

What steps should I take to enable the camera view in ngx-scanner?

Why isn't useEffect recognizing the variable change?

Utilizing a custom function declared within the component to handle changes in Angular's ngOnChanges