{"id":113,"date":"2013-11-07T07:28:39","date_gmt":"2013-11-07T07:28:39","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/salesforce\/?p=113"},"modified":"2025-05-15T09:07:49","modified_gmt":"2025-05-15T09:07:49","slug":"changing-the-date-range-in-standard-salesforce-calendar","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/salesforce\/2013\/11\/07\/changing-the-date-range-in-standard-salesforce-calendar\/","title":{"rendered":"Changing the date range in standard Salesforce Calendar"},"content":{"rendered":"

The Standard Salesforce calendar allows the user to select only a limited number of years from the dropdown list i.e. it shows limited years in the year dropdown. If the user wants to select the dates prior to the date or after the date available in the dropdown then he has to manually enter the entire date. This can sometimes cause trouble to the users. In order to overcome this, we have added some jquery code to the visual force page to change the year range that will be displayed in the dropdown.<\/p>\n

New Stuff<\/strong><\/em><\/span>:<\/span>\u00a0\u00a0Get Key Prefix\/Object id of Object in JavaScript<\/a><\/p>\n

Let\u2019s take an example of Contacts object where the user needs to add birthdate to the record. Here the possibility of selecting a date from the dropdown is very slim i.e. there may not be many people who have their birthdate in the given range.\"Fig.1\"<\/a><\/p>\n

Hence we made some tweaks in the jquery of visual force page for contacts to change the year range.<\/p>\n

First we need to add a reference of the jquery which you can get directly from the googleapis libraries. The code to include jquery in your visual force page is as follows –\"Code1\"<\/a>And on the ready event or on the load event of the page, clear the html of the year dropdown and add the required range of years. In the below example, we have added the range from 1970 to 2018 which will allow the users to select the dates ranging from 1st<\/sup> Jan 1970 to 31st<\/sup> Dec 2018.<\/p>\n

\"Code2\"<\/a><\/p>\n

Rest of the code in the visual force page will remain the same.<\/p>\n

Here is the output of the above code with the new date range dropdown –<\/p>\n

\"Fig.2\"<\/a><\/p>\n

As we can see from the above image, the date range has been expanded to display a much wider range of years and the user can now directly select any date from the dropdown.<\/p>\n

About Us<\/strong><\/span>
\nGreytrix<\/a> as a Salesforce Product development partner offers a wide variety of integration products and services to the end users as well as to the Partners across the globe. We offer Consultation, Configuration, Training and support services in out-of-the-box functionality as well as customizations to incorporate custom business rules and functionalities that requires apex code incorporation into the Salesforce platform.<\/p>\n

Greytrix<\/a> has some unique solutions for Cloud CRM such as Salesforce integration with Sage Enterprise Management (Sage X3<\/a>), Sage Intacct, Sage 100, <\/a>and Sage 300 (Sage Accpac)<\/a>. We also offer best-in-class Cloud CRM Salesforce customization and development services<\/a> along with services such as Salesforce Data Migration<\/a>, Integrated App development<\/a>, Custom App development<\/a>, and Technical Support<\/a> to business partners and end users.<\/p>\n

Greytrix GUMU™ integration for Sage ERP \u2013 Salesforce is a 5-star app listed on Salesforce AppExchange<\/a>.<\/p>\n

For more information, please contact us at salesforce@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n

Related Posts<\/span><\/strong><\/p>\n