I have a jsf page "jsfdate.jsf", the datepicker is not working, Why?
code:
<?xml version='1.0' encoding='Big5'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html">
<html xmlns="http://www.w3.org/1999/xhtml">
<h:head>
<link type="text/css" rel="stylesheet" href="resources/css/jquery-ui.css"/>
<script language="JavaScript" src="resources/js/jquery-ui.js"></script>
<script language="JavaScript" src="resources/js/jquery-1.10.2.js"></script>
<script language="JavaScript" src="resources/js/kcsys.js"></script>
<script>
$(document).ready(function() {
$(".date").datepicker({ dateFormat: 'yy-mm-dd' });
});
</script>
</h:head>
<h:body>
<h:form binding="#{backing_jsfdate.form1}" id="form1">
<h:inputText styleClass="date" validator="#{backing_jsfdate.datepicker_validator}"
binding="#{backing_jsfdate.datepicker}" />
</h:form>
</h:body>
</html>
<!--oracle-jdev-comment:preferred-managed-bean-name:backing_jsfdate-->
<!--oracle-jdev-comment:auto-binding-backing-bean-name:backing_jsfdate-->
</f:view>