test of setting min date with datetimepicker

this version does update minDate, but does not succeed in updating a grid of numbers on the sliders. so leaves the numbering off.

HTML

<link rel="stylesheet" href="http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.css">
<script src="http://192.168.2.75/snaps/js/jquery/jquery-ui-timepicker-addon.1.4.js"></script>
<form>
    <input type="text" id="calendar"></input>
    <input type="button" id="changeMin" value="Change Min Date and Time"></input>
    </form>

JavaScript

$(function() {
    "use strict";
    $('#calendar').val('9/20/2013');
    //$('#calendar').datetimepicker();  // if we define it here,
                                        // minDate option does not update later
    
    var minDate = new Date('September 20, 2013 09:14:00');
    console.log('minDate', minDate);
    //$('#calendar').datetimepicker('option', 'minDate', minDate);
    $('#calendar').datetimepicker({
        minDate: minDate,
        //controlType: 'select'  // buggy also wrt mindate
        //hourGrid: 4,    // does not seem to adjust to minDate right.
        //minuteGrid: 10
    });
    
    $('#changeMin').click(function() {
        var minDate = new Date('September 18, 2013 19:24:00');
        console.log('minDate', minDate);
        $('#calendar').datetimepicker('option', 'minDate', minDate);
        $('#calendar').datetimepicker('option', 'minDateTime', minDate);
    });
});