Format Date Field in Project Server 2016 /2019 Project Details Page (PDP)

In this post, we will learn how to format Enterprise Custom Date Field to show only the date value without time format in Project Details Page (PDP) in Project Server 2019 / 2016 / 2013.

---

How to format Date in Project Server Details Page?

In Project Server 2016 / 2013, If you have tried to create a new enterprise custom field with a date as a data type, you will note that there is no setting to customize the date field format as you prefer!

So if you have tried to add this newly created date field to a Project Details Page PDP, you will note that it’s shown by default as date only format in the New Mode and I think it’s acceptable for most of all.

But unfortunately, you will also note that the date field is displayed with date and time format in PDP View and Edit Mode that may be not acceptable as shown below:

PDP View Mode

PDP Edit Mode

How to Show Date Only in PDP in Project Server 2016 / 2019?

So How we can format the date field in the Project Details Page in Project Server? Actually, I can confirm that there is no such OOTB setting to customize the Enterprise Custom date field format to a specific date format in PDP. However, JQuery and JavaScript custom code might be a good workaround solution to show date without time in Project Details Page in View and Edit Mode.

Steps

1. Download the simple JS script from GitHub.
2. Open your Project Center > Click on Specific Project > from the left side, Click on the PDP name.

3. Click on F12 to open developer tools.
4. Inspect the Date field to get the Date field GUID as shown below.

5. Replace your Date field GUID for the corresponding GUID in the download script.

6. Edit your Page > Add Script Editor.

7. Add the new JS script with your own GUID modification.
8. Stop Page Editing.
9. Try now to open the PDP in View Mode, you will note that the Date field is displayed in date-only format as shown below.

8. Now edit your project. Great, the Date field is also shown in date-only format in PDP Edit Mode as shown below.

You might also like to read Project Server 2016: Remove Project Name Description in PDP

How to change the date format in the Project Center?

In the above section, we have learned how to show the date field without a time format in PDP.

In this section, we will show how to display the date field in “Date and Time” format or “Date-Only” format (The default setting) in Project Center 2016 / 2013.

In Project Center, to show or hide Time part for a Date field, you can simply do the following:

Steps

1. Open PWA Site > Click on Projects to Open Project Center.
2. At the above ribbon, Click on the Project tab.
3. At the “Show / Hide” section, click on “Time with Date” to share data with the time format as shown below.

How to change the date format in Project Schedule?

Again, you can show Time with date in Project Schedule in Project Server by doing the following:

Steps

1. Open PWA Site > Click on Projects to Open Project Center.
2. Click on a project in the Project Center to open it.
3. From the left side, click on Project Schedule Page.
4. From the above ribbon, click on “Options” > Check “Time with Date”.

Make sure that the Project is checked-In and Published to avoid the Time with Date option disabled.

How to change the date format in the Project Site Summary Task?

In Project Site, you can also customize Task Date format and change the date as you prefer by doing the following:

Steps

1. Open Project Site.
2. In the home Page, Click on the Project Site Summary web part.
3. At the above ribbon

---

Conclusion

There are no OOTB settings to format Enterprise Custom Date Field in Project Server, so if you have added a date field to your PDP, it will be shown with the default date format (Date with Time) in the PDP View and Edit Mode.

So that, In this article, we have explained how to use JQuery to customize Date format and show date without time in Project Details Page (View/Edit Mode).

Applies To

• Project Server 2019.
• Project Server 2016.
• Project Server 2013.
• Project Online.

Download

Download the JS script to format date in PDP at GitHub, ad please don’t forget to follow me to get the latest updates.

See Also

• Install and Configure Project Server 2016/2019 step by step.
• What’s new and deprecated in Project Server 2016?
• Project Server Docs.