本文介绍如何使用jQuery UI库中的日期选择器组件，并通过一个简单的示例展示了如何配置和使用该组件。首先，需要下载jQuery UI源码并按需加载部件；接着，在HTML页面中引用相关文件；最后，在app.js中进行配置并初始化日期选择器。
1、下载源码版的jquery-ui，这样可以按需加载部件
2、html页面引用
<link href="js/jquery-ui-1.12.0-rc.2/themes/base/all.css" rel="stylesheet" />
<script data-main="app" src="require.js"></script>
3、入口文件 app.js
require.config({
baseUrl: "js",
paths: {
"jquery": "jquery",
},
shim: {
}
});
require(["jquery", "jquery-ui-1.12.0-rc.2/ui/widgets/datepicker"], function ($) {
$("<input>").appendTo("body").datepicker();
});
非常简洁！
2、html页面引用
<link href="js/jquery-ui-1.12.0-rc.2/themes/base/all.css" rel="stylesheet" />
<script data-main="app" src="require.js"></script>
3、入口文件 app.js
require.config({
baseUrl: "js",
paths: {
"jquery": "jquery",
},
shim: {
}
});
require(["jquery", "jquery-ui-1.12.0-rc.2/ui/widgets/datepicker"], function ($) {
$("<input>").appendTo("body").datepicker();
});
非常简洁！
扫一扫
2121
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
