How Ally can fix their lack of quickly-pickable date ranges

fixingAlly.js

function formatDate(date) {
    return (date.getMonth() + 1) + '/' + date.getDate() + '/' +  date.getFullYear();
}

$('form[name=accountDetailForm]').on('submit', function (e) {
   alert('Submitted!');
   e.preventDefault();
});

$('#dateRange a[data-date-range]').click(function (e) {
    var $target = $(e.target);
    var $date1 = $('#date1');
    var $date2 = $('#date2');
    var $form = $('form[name=accountDetailForm]');
    var dateRange = $target.data('dateRange');
    var today = function () { return new Date() }; // reconstruct for new date manipulations
    var fromDate;
    
    if (dateRange === 'year') {
        dateRange = 365;
    }
    
    fromDate = today();
    fromDate.setTime(fromDate.getTime() - (dateRange * 24 * 60 * 60 * 1000));
        
    $date1.val(formatDate(fromDate));
    $date2.val(formatDate(today()));
    
    $form.submit();
});

html.html

<!-- New navigation -->
<div id="dateRange">
    Show me the last 
    <a href="javascript:void(0);" data-date-range="30">30 days</a> |
    <a href="javascript:void(0);" data-date-range="60">60 days</a> |
    <a href="javascript:void(0);" data-date-range="90">90 days</a> |
    <a href="javascript:void(0);" data-date-range="year">year</a>
</div>

<!-- From their site -->
<form name="accountDetailForm" method="post" action="/allyWebClient/accountDetail.do" autocomplete="off">
    <input type="text" name="from" value="10/16/2012" id="date1" class="hasDatepicker">
    <input type="text" name="to" value="10/16/2014" id="date2" class="hasDatepicker">
    <input type="submit" class="formButtonWhite" name="submit" id="show-range" value="Show">
</form>