Replacing SharePoint DatePicker

If you have ever used SharePoint, you probably know that SharePoint’s native datepicker’s is horrible.

Clicking the native datepicker will cause the entire page to post back, if the page is scrollable, this will take the user to the top of the page.

A simple solution is to remove the datepicker image link, and replace those fields with a datepicker of your choice. (I have chosen Air Datepicker, (http://t1m0n.name/air-datepicker/) I dont like Jquery UI datepicker.

My solution:

//Hide DatePicker Image Link

$(“.ms-dtinput”).find(“a”).hide();

//instantiate air datepicker

$(“.ms-dtinput”).find(“input”).datepicker({language: “en”, format: “DD-MM-YYYY”, autoClose: true})

 

2 simple lines to give your users a much nicer experience.

Related Posts

Software Is Expensive
SharePointPro Entity Framework
Multiple domain cookie in ASP.NET Core Identity

Leave a Comment

Top