95

I have a date '12/12/1955 12:00:00 AM' stored in a hidden column. I want to display the date without the time.

How do I do this?

Alexander Abakumov
  • 12,301
  • 14
  • 79
  • 125
Phill Greggan
  • 1,874
  • 2
  • 16
  • 32
  • 3
    Split it on `' '` and get the first part? – Ry- Jan 11 '16 at 13:35
  • 1
    [`slice(0, 10)`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice) – hindmost Jan 11 '16 at 13:36
  • @RyanO'Hara i also thought of that but assume i need to assign it to a datepicker is that the proper way of doing it? – Phill Greggan Jan 11 '16 at 13:37
  • 5
    already answered by ***http://stackoverflow.com/questions/15130735/how-can-i-remove-time-from-my-date-with-moment-js*** – Ruwini opatha Jan 11 '16 at 13:37
  • @PhillGreggan What is the format required to pass the date to datepicker – Tushar Jan 11 '16 at 13:43
  • @Tushar it worked by the answers given by Ryan O'Hara and Azim. the format is US datetime – Phill Greggan Jan 11 '16 at 13:44
  • 5
    The original question is about a string which somehow represents a string... For people interesting in truncating a Javascript Date object (as in the question title): var d = new Date(); var startOfDay = new Date(d.getFullYear(), d.getMonth(), d.getDate()); Moreover, the _duplicate_ is definitely not the same question as it is about Moment.js. – Myobis Sep 20 '17 at 08:56
  • For more accurate details for removing the time part from javascript date check https://stackoverflow.com/questions/2698725/comparing-date-part-only-without-comparing-time-in-javascript – Serene Abraham Mathew Jan 27 '21 at 06:56

7 Answers7

106

This is probably the easiest way:

new Date(<your-date-object>.toDateString());

Example: To get the Current Date without time component:

new Date(new Date().toDateString());

gives: Thu Jul 11 2019 00:00:00 GMT-0400 (Eastern Daylight Time)

Note this works universally, because toDateString() produces date string with your browser's localization (without the time component), and the new Date() uses the same localization to parse that date string.

You can extend the Date object as below, so and then use the dateOnly property:

Date.prototype.getDateWithoutTime = function () {
    return new Date(this.toDateString());
}

Now <any-date-object>.getDateWithoutTime(); will output Date only

Vijay Jagdale
  • 1,937
  • 2
  • 15
  • 16
49

Parse that string into a Date object:

var myDate = new Date('10/11/1955 10:40:50 AM');

Then use the usual methods to get the date's day of month (getDate) / month (getMonth) / year (getFullYear).

var noTime = new Date(myDate.getFullYear(), myDate.getMonth(), myDate.getDate());
Maxim
  • 11,497
  • 6
  • 28
  • 43
Cerbrus
  • 65,559
  • 18
  • 128
  • 140
  • 3
    There’s only one date format that JavaScript implementations are required to be able to parse, and this isn’t it. https://es5.github.io/#x15.9.1.15 – Ry- Jan 11 '16 at 13:47
  • 7
    @RyanO'Hara: Name _one_ browser that can't (properly) parse a date string in this format. – Cerbrus Jan 11 '16 at 13:48
  • 7
    You tried to tell me my answer was somehow incorrect, because the date string isn't part of a standard. Yet all browsers support it. _"Easier and faster"_ isn't necessarily _"Better"_. Teaching a user to parse dates properly helps him when he needs to work with dates more, in the future. Just splitting the string only helps him in this specific case. – Cerbrus Jan 11 '16 at 13:53
  • 2
    Teaching a user to parse dates in a way that works by happenstance is not something I agree with, sorry. It is far better to parse parts of a date from an exact format and then construct it when you need one. – Ry- Jan 11 '16 at 14:10
  • 8
    By happenstance? It's a commonly used format that _all_ browsers support. That's not a coincidence. – Cerbrus Jan 11 '16 at 14:15
40

Split it by space and take first part like below. Hope this will help you.

var d = '12/12/1955 12:00:00 AM';
d = d.split(' ')[0];
console.log(d);
Ibrahim Khan
  • 20,280
  • 7
  • 39
  • 53
  • 91
    If you're going to work with dates, don't suggest string manipulation like that. – Cerbrus Jan 11 '16 at 13:44
  • @Cerbrus so the proper way would be the regenerate a date using it – Phill Greggan Jan 11 '16 at 13:45
  • 1
    Sure, it may _work_, often enough, just getting the date part isn't the only thing you need to do. Parsing it into a Date object helps when you eventually need to use the date for other purposes. – Cerbrus Jan 11 '16 at 13:47
  • @Ryan This is not recommended as date strings are often returned with a timezone (utc usually) which is not the same as the local machine running the js. There is a chance the date you string.split off may not be the same date once time and timezone are considered. This is why I downvoted this answer and upvoted this. https://stackoverflow.com/a/34723015/144665 – iambriansreed Sep 19 '17 at 19:35
  • 4
    @iambriansreed: Problems with timezones are *exactly* what you avoid using string manipulation. And, as I commented on that answer, it’s not guaranteed to work in a standards-compliant JavaScript environment (even worse if the environment decides to parse it as the wrong one of `MM/DD/YYYY` and `DD/MM/YYYY` based on the user’s locale – can you tell me offhand whether any browsers have done that?). Use moment.js if you need serious date work. – Ry- Sep 19 '17 at 23:59
  • Indeed, split on space. Or if it is an ISO Date, split on 'T' `new Date().toISOString().split('T')[0]` – Mike Irving Feb 01 '19 at 14:20
  • 2
    . JavaScript has a Date object for a reason. If your string represents a Date, convert it to a Date object, and then operate on it. SEE @Cerbrus ANSWER BELOW – T Blank Apr 25 '19 at 20:15
9

The previous answers are fine, just adding my preferred way of handling this:

var timePortion = myDate.getTime() % (3600 * 1000 * 24);
var dateOnly = new Date(myDate - timePortion);

If you start with a string, you first need to parse it like so:

var myDate = new Date(dateString);

And if you come across timezone related problems as I have, this should fix it:

var timePortion = (myDate.getTime() - myDate.getTimezoneOffset() * 60 * 1000) % (3600 * 1000 * 24);
kreshnov
  • 99
  • 1
  • 2
1

previous answers are good. This is my method

var todaysDate = new Date; todaysDate = todaysDate.toDateString(); console.log(todaysDate);

Hayden
  • 11
  • 1
0

This is perhaps the most effective solution.

var date = new Date().toLocaleDateString();

Example code below:

var dateToday = '2/19/2022, 12:00:00 AM';
var date = new Date(dateToday).toLocaleDateString();
console.log(date); // Output: 2/19/2022

Documentation: MDN Web Docs - Date.prototype.toLocaleDateString()

sggranil
  • 1
  • 3
  • Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jan 19 '22 at 15:49
0

Sorry, I like oneliners. Given that original date d can be replaced:

d.setHours(-d.getTimezoneOffset() / 60, 0, 0, 0))

Or, maybe the sorter and less destructive:

new Date(d.toJSON().substr(0, 10))
Roberto
  • 364
  • 5
  • 8