jQuery & jQueryUI Base

by andrewwhitaker

HTML

<link rel="stylesheet" href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.7/themes/black-tie/jquery-ui.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js"></script>
<input id="equipment_purchaseDate" />
<select id="equipment_warrantyLength">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>
<input id="equipment_warrentyExpires" />

JavaScript

$("#equipment_purchaseDate").datepicker({
    dateFormat: 'dd/mm/yy',
    onSelect: function(dateStr) {
        var d = $.datepicker.parseDate('dd/mm/yy', dateStr);
        var years = parseInt($("#equipment_warrantyLength").val(), 10);

        d.setFullYear(d.getFullYear() + years);

        $('#equipment_warrentyExpires').datepicker('setDate', d);
        
    }
});
$("#equipment_warrentyExpires").datepicker({
    dateFormat: 'dd/mm/yy'
});