I'm struggling to configure a jQuery UI DatePicker. I moved the development-bundle folder contents to the directory res/jqueryui and initialized two datepickers as shown below:
<script src="res/jquery-2.1.0.min.js"></script>
<script src="res/jqueryui/ui/minified/jquery-ui.custom.min.js"></script>
<script src="res/jqueryui/ui/minified/jquery.ui.datepicker.min.js"></script>
<link rel="stylesheet" href="res/jqueryui/themes/blitzer/minified/jquery.ui.datepicker.min.css">
<script>
$(document).ready(function() {
$( "#from" ).datepicker();
$( "#to" ).datepicker();
$( "#from" ).datepicker( "option", "dateFormat", $( this ).val() );
$( "#to" ).datepicker( "option", "dateFormat", $( this ).val() );
});
</script>
When I click on a datepicker field, the datepicker pops up but without any styles. However, if I link the stylesheet to
http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.cssAdditionally, when I select a date in the datepicker, the field value does not update. There are no JavaScript errors reported. What could be causing this issue?
It's worth noting that I'm not utilizing the bundled jQuery file (jquery-1.10.2.js), yet switching to it doesn't resolve these problems.