Date Picker - Available years

  • 12 December 2016
  • 2 replies
  • 1 view

Badge +6

I'm attempting to override the default setting of -10 /+10 years in the Date Picker control, but having an issue where the years are displayed as 1101 to 1121. txtDateOfBirth is the JavaScript variable assigned to the Date Picker.

The code

NWF$(document).ready(function(){
    $('#'+txtHomePhone).mask('(000) 000-0000');
    $('#'+txtWorkPhone).mask('(000) 000-0000');
    $('#'+txtDateOfBirth).mask('00/00/0000');
    $('#'+txtSSN).mask('000-00-0000');
    $('#'+txtDependentDateOfBirth).mask('00/00/0000');
    $('#'+txtDependentSSN).mask('000-00-0000');
    $('#'+txtZipCode).mask('00000');
    $('#'+txtSignatureDate).mask('00/00/0000');
    $('#'+txtDependentSignatureDate).mask('00/00/0000');        
    $('#'+txtDependent2DateOfBirth).mask('00/00/0000');
    $('#'+txtDependent2SSN).mask('000-00-0000');
    $('#'+txtDependent3DateOfBirth).mask('00/00/0000');
    $('#'+txtDependent3SSN).mask('000-00-0000');
    $('#'+txtDependent4DateOfBirth).mask('00/00/0000');
    $('#'+txtDependent4SSN).mask('000-00-0000');
    $('#'+txtDependent5DateOfBirth).mask('00/00/0000');
    $('#'+txtDependent5SSN).mask('000-00-0000');
    $('#'+txtDateOfBirth).datepicker({
         changeYear:true,
            yearRange: "2005:2015"
        });
});


2 replies

Badge +11

Are you using some kind of JS-library?

For me your solution isnt working as it says "Object doesn't support property or method 'datepicker'"

Tried with JQuery 2.2 and 3.1

Userlevel 5
Badge +14

it should be used following way

$('#'+txtDateOfBirth).datepicker('option',{changeYear:true,yearRange:'2005:2015'});

Reply