DatePicker Range problem
DatePicker Range problem
Hi folks,
I am trying to build a date range datepicker that only shows the month and year that's it
I have no problems doing it to show actual days but I can't for the life of me get it to show just the
months and year....as always any and all help will be greatly appreciated...
here's what i got
- <script>
- //date range chooser
$(function() {
$( ".rangestart-picker" ).datepicker({
changeYear: true,
changeMonth: true,
numberOfMonths: 1,
showButtonPanel: true,
onClose: function( selectedDate ) {
$( ".rangeend-picker" ).datepicker( "option", "minDate", selectedDate );
}
});
$( ".rangeend-picker" ).datepicker({
changeYear: true,
changeMonth: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$( ".rangestart-picker" ).datepicker( "option", "maxDate", selectedDate );
}
});
$("#rangestart_date").focus(function () {
$(".ui-datepicker-calendar").hide();
$("#ui-datepicker-div").position({
my: "center top",
at: "center bottom",
of: $(this)
});
});
$("#rangeend_date").focus(function () {
$(".ui-datepicker-calendar").hide();
$("#ui-datepicker-div").position({
my: "center top",
at: "center bottom",
of: $(this)
});
});
});
- </script>
- <label for="rangestart_date">Date Range:</label>
From: <input type="text" id="rangestart_date" class="rangestart-picker" />
To: <input type="text" id="rangeend_date" class="rangeend-picker" />
Mike where are you my friend?....lol
4