[SalesForce] Standard Datepicker Year values

I have used date field in my visualforce page.By default the datpicker is showing values upto year 2012.but i nedd to insert few more years before 2012.How can i implement this as it is the default calendar provided by salesforce.

Best Answer

It's a lot of tweaking to get this injected into standard pages... worst case, just type the year in :P reinventing vs decorating the native picker is an interesting debate, all of us with unique circumstances!

Setup > Customize > User Interface
Check [X] Show Custom Sidebar Components on All Pages

Create a new Home Page Component (HTML, narrow) called "Date Picker Years" containing:

<script>
  (function() {
    var windowOnload = window.onload;
    window.onload = function() {
      if (windowOnload) windowOnload();
      var select = document.getElementById('calYearPicker');
      if (!select) return;

      select.innerHTML = '';
      var startYear = new Date().getFullYear() - 90;
      for (var year = startYear; year < startYear + 100; year++) {
        select.options[select.options.length] = new Option(year, year);
      }
    }
  }());
</script>

Place that Component on your Home Page Layout.

Edit - was asked for some explanation:

the wrapper (function() { ... }()); prevents vars polluting the global scope
don't just trample the window.onload function, store it and call it (interceptor pattern)
calYearPicker could disappear any time; if so, "get out of dodge quick" by returning early

Related Solutions

[SalesForce] Can Date Field have only Month & Year

Without using @Ray Dehler suggestion to use a jQuery hack, I think you'd need to try creating a dependent picklist which would wind up being another hack of sorts, especially if you needed the data to still be in proper Date Format.

If you did that, you'd end up where you had a final multi-select picklist (for days) where the values would then need to be assembled with year and month using a formula to put them into date format. I don't think that would be a very efficient use of the database nor would it be particularly user friendly.

[SalesForce] Use a custom datepicker to get the value of date of birth in contact

Here is code taking the same approach as your link of modifying the date pickers that Visualforce generates. This will only work if Salesforce continue to leave the specific HTML they generate unchanged in this area.

Working example page:

<apex:page standardController="Contact">
    <apex:form>
        <apex:pageBlock>
            <apex:pageBlockSection>
                <apex:inputField value="{!Contact.Birthdate}"/>
            </apex:pageBlockSection>
        </apex:pageBlock>
    </apex:form>

<script src="https://code.jquery.com/jquery-1.12.4.min.js"/>
<script>
(function($) {
    function addYearsToDatePickers() {
        var currentYear = $('select#calYearPicker > option:first-child').val();
        for (var year = currentYear - 1; year > 1900; year--) {
            $('<option value="' + year + '">' + year + '</option>').prependTo('select#calYearPicker');
        }
     }
     $(document).ready(addYearsToDatePickers);
})(jQuery.noConflict());
</script>

</apex:page>

When adding JavaScript, always check in your browser's JavaScript console for errors.

Best Answer

Related Solutions

[SalesForce] Can Date Field have only Month & Year

[SalesForce] Use a custom datepicker to get the value of date of birth in contact

Related Topic