I'm trying to make a jQuery datepicker set minDate depending on the value of a radio button.

When I try to write a function returning a string, my JavaScript keeps crashing. Any ideas on why this is not working?

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-35:+0",
    dateFormat: "yy-mm-dd",
    minDate: function() {
        var str = "-35Y";
        if($("#inputfield").val() == "value") {
            str = "-33Y";
        }
        return str;
    }
});

I'm trying to make a jQuery datepicker set minDate depending on the value of a radio button.

When I try to write a function returning a string, my JavaScript keeps crashing. Any ideas on why this is not working?

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-35:+0",
    dateFormat: "yy-mm-dd",
    minDate: function() {
        var str = "-35Y";
        if($("#inputfield").val() == "value") {
            str = "-33Y";
        }
        return str;
    }
});

• javascript
• jquery
• datepicker

• My javascript keeps crashing. What error are you getting? – Rob Commented Mar 27, 2013 at 10:05
• @Rob I get: TypeError: date.getTime is not a function – mattias Commented Mar 27, 2013 at 10:12

3 Answers 3

jsFiddle

This works fine.... you need to make sure that you have inputfield with a value

 <input type='text' id='datepicker'></div>
 <input type='text' value='value' id='inputfield'>

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-35:+0",
    dateFormat: "yy-mm-dd",
    minDate:mdate()
});


function mdate(){
        var str = "-35Y";
        if($("#inputfield").val() == "value"){
            str = "-33Y";
        }
        return str;
}

• Edit:*

  $('#inputfield').on('change',function(){ $('#datepicker').datepicker('option', 'minDate', mdate()); });

The option minDate expects a value, not a function. A datepicker will not automagically update the value of minDate whenever the selection of your radio button changes.

If you want the datepicker's minimum date to change whenever the radio button selection changes, then you must explicitly program this. Something along the following lines:

$('[name=myradiogroup]').change(function () {
    var newMininumDate = /*insert logic here*/;
    $('#datepicker').datepicker('option', 'minDate', newMininumDate);
});

See http://api.jqueryui./datepicker/#method-option

This works for me:

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-35:+0",
    dateFormat: "yy-mm-dd",
    minDate: $("#inputfield").val()
});