<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="datepicker/jquery-ui.css">
</head>
<body>
<div class="input-b">
<input type="text" class="datepicker-input" id="datas">
<!-- <img src="datepicker/images/scanning_time.png" class="ui-datepicker-trigger"> -->
</div>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/jquery-ui-1.10.4.min.js"></script>
<script>
$("#datas").datepicker({
inline : true,
showOn: "both",
buttonImage: "datepicker/images/scanning_time.png",
buttonImageOnly: true,
numberOfMonths : 1,// 显示几个月
showButtonPanel : true,// 是否显示按钮面板
dateFormat : ‘yy-mm-dd‘,// 日期格式
clearText : "清除",// 清除日期的按钮名称
closeText : "关闭",// 关闭选择框的按钮名称
yearSuffix : ‘年‘, // 年的后缀
showMonthAfterYear : true,// 是否把月放在年的后面
//defaultDate : $("#yesterdayId").val(),// 默认日期
//minDate : GetDateStr(-90),//最小日期
//maxDate : GetDateStr(-1),// 最大日期
monthNames : [ ‘1月‘, ‘2月‘, ‘3月‘, ‘4月‘, ‘5月‘, ‘6月‘, ‘7月‘, ‘8月‘,
‘9月‘, ‘10月‘, ‘11月‘, ‘12月‘ ],
dayNames : [ ‘星期日‘, ‘星期一‘, ‘星期二‘, ‘星期三‘, ‘星期四‘, ‘星期五‘, ‘星期六‘ ],
dayNamesShort : [ ‘周日‘, ‘周一‘, ‘周二‘, ‘周三‘, ‘周四‘, ‘周五‘, ‘周六‘ ],
dayNamesMin : [ ‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘ ],
/*onSelect : function(dateText, inst){
//securityHomeTable();
}*/
});
</script>
</body>
</html>
原文：http://www.cnblogs.com/y-mj/p/7569474.html