Javascript : jquery-ui datepicker 示例

关注

转载最新推荐文章于 2026-02-06 09:15:28 发布 541 阅读 AI 写同款· GEO 优化 ›

Open UI5 源代码解析之366：jquery-ui-datepicker.js 摘要（149字） jquery-ui-datepicker.js 作为 OpenUI5 内置的第三方日期选择器插件，主要为历史控件提供兼容支持。该文件以单例模式管理全局状态，包含日期渲染、键盘导航和国际化处理等核心功能。SAP 对其进行了安全改造，包括 CSP 适配和事件绑定现代化。在实际开发中，建议优先使用 sap.m.DatePicker，仅在兼容场景下通过包装控件方式调用此插件。该实现平衡了功能复用与框架标准，满足企业级应用的安全需求。阅读详情

from http://jqueryui.com/datepicker/

date1.html

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>日期选择器：datepicker</title>
<meta name="keywords" content="jquery, datepicker" />
<meta name="description" content="jquery ui 示例" />

<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
<style type="text/css">
body{height:100%; font:12px/18px Tahoma, Helvetica, Arial, Verdana, "\5b8b\4f53", sans-serif; color:#51555C;}
img{border:none}
input{width:200px; height:20px; line-height:20px; padding:2px; border:1px solid #d3d3d3}
pre{padding:6px 0 0 0; color:#666; line-height:20px; background:#f7f7f7}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript">
$(function(){
	$('#date1').datepicker({dateFormat: 'yymmdd', showMonthAfterYear: true });
});
</script>
</head>

<body>
   <div class="demo">
      <h4>1、只选择日期：</h4>
      <p><input type="text" id="date1" name="date1" /></p>
      <pre>
   $('#date1').datepicker();
      </pre>
   </div>

</body>
</html>

收录于