本文介绍了如何利用jQueryUI插件实现网页上的日期选择功能。通过引入必要的jQuery和jQueryUI资源文件，设置输入框并调用datepicker方法即可实现日期选择器。此外，还提供了日期格式化的示例。
bootstrap 的相关的时间插件
http://www.bootcss.com/p/bootstrap-datetimepicker/
jquery ui的日期插件
http://www.w3cschool.cc/jqueryui/api-datepicker.html API
http://api.jqueryui.com/datepicker/ jqueryui官网的API
<!doctype html> <html lang="zh"> <head> <meta charset="utf-8"> <title></title> <!-- jquery --> <script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> <!-- jquery ui --> <link href="http://cdn.bootcss.com/jqueryui/1.11.4/jquery-ui.min.css" rel="stylesheet"> <script src="http://cdn.bootcss.com/jqueryui/1.11.4/jquery-ui.min.js"></script> <!-- 这行可以不加 --> <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css"> </head> <body> <script> $(function() { $( "#datepicker" ).datepicker(); }); </script> </head> <body> 日期: <input type="text" id="datepicker"> </body> </html>
格式化日期
$(function() { $( "#datepicker" ).datepicker({ dateFormat: "yy-mm-dd", }); });
扫一扫
2072
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
