jquery-ui-datepicker插件的使用

最新推荐文章于 2020-04-30 16:33:55 发布

含笑一过

最新推荐文章于 2020-04-30 16:33:55 发布

阅读量375

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/u013630488/article/details/49869127

版权

前端专栏收录该内容

51 篇文章 0 订阅

订阅专栏

                            **jquery-ui-datepicker插件的使用**

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery ui datepicker</title>
    <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/jquery-datepicker-ch.js"></script>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.css">
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.css">
    <style type="text/css">
        #content{width: 500px;margin: 30px auto;}
        #content form input{width:230px;height: 30px;line-height: 30px;border:1px solid #ccc;border-radius:5px;font-size: 15px;}
    </style>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#datepicker").datepicker();
        })
    </script>
</head>
<body>
    <div id="content">
        <form action="">
            <input type="text" name="date" id="datepicker">
        </form>
    </div>
</body>
</html>

效果图：
这里写图片描述
源文件下载地址：http://pan.baidu.com/s/1eQfQPfs

含笑一过

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery-ui-datepicker插件的使用

**jquery-ui-datepicker插件的使用**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery ui datepicker</title> <script type="text/javascript" src="js/jquery-1.9.1.js"></sc
复制链接

扫一扫

专栏目录