jquery日历datepicker的使用方法

来源:互联网 发布:在淘宝店铺被限制购买 编辑:程序博客网 时间:2024/05/19 05:29
<%@ page contentType="text/html; charset=UTF-8" language="java" import="java.sql.*" errorPage="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui-1.10.4.custom.js"></script>
<script src="js/jquery.ui.datepicker-zh-CN.js" ></script>
<script src="/js/jquery.jqpagination.js"></script>
<script>
var optionID = '0';
 $(document).ready(function() {  
$(function(){

$("#date_1").datepicker({
dateFormat: 'yy年mm月dd日',
  changeMonth: true,  //可以选择月份
  changeYear: true,  //可以选择年份
defaultDate: '2010年06月06日'
});
$("#ui-datepicker-div").css('font-size','0.9em') ;
});
});


</script>
<title>无标题文档</title>
<link href="css/ui-lightness/jquery-ui-1.10.4.custom.css" rel="stylesheet">
</head>
<body>
<input type="text" name="date1" id="date_1" value="2010-06-06" readonly />

</body>
</html>
0 0
原创粉丝点击