ngx-bootstrap DatePicker DateTime issue in Angular5

Question

I have a SQL Server database field named 'JoiningDate' which has the type date (no time part here).To Capture the input from the user I am using ngx-bootstrap datepicker but the problem is that whenever I select a date from the datepicker, the datepicker itself converting the selected date into utc datetime as follows:

Sometimes it mismatches the date part due the utc time part.

My questions are:

How can I get the the selected date as plain string like jQueryUI Datepicker?
What is the best option get the input date exactly as it shown in input field?

Hameed Damee · Accepted Answer · 2018-11-01 00:30:15Z

1

You will need to write a simple function to convert the date object to the locale date string in format ("10/31/2018"), just as it is displayed in the input field:

convertDate(inputDate) {  
    // convert date received to locale string in 10/31/2018 format  
    const localeDate = inputDate.toLocaleDateString();  
    return localeDate;  
}

edited Nov 1, 2018 at 0:30

answered Nov 1, 2018 at 0:06

Hameed Damee

3214 silver badges7 bronze badges

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

Collectives™ on Stack Overflow

ngx-bootstrap DatePicker DateTime issue in Angular5

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related