datepicker hide calendar

by rsmclaug

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">
<input name="startDate" id="startDate" class="date-picker" />
<input name="startDate2" id="startDate2" class="date-picker" />

CSS

.hideCalendar .ui-datepicker-calendar {
    display: none;
}

JavaScript

$('#startDate').datepicker( {
    beforeShow: function(){
        $("#ui-datepicker-div").addClass("hideCalendar");
    },
    onClose: function(){
        $("#ui-datepicker-div").removeClass("hideCalendar");
    }
});    


$('#startDate2').datepicker();