jquery日期时间选择器：datetimepicker

2019独角兽企业重金招聘Python工程师标准>>>

helloweba致力于web前段技术在中国的应用，这个是日历的下载地址

http://www.helloweba.com/view-blog-169.html

下载后打开只有这三个文件：

使用非常简单，直接打开index.html就能看到效果，使用到自己工程，只要拷过去，修改下代码就OK。

index.html中 只有这几项代码是跟日历有关联的：

样式：

<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />

四个js文件：

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>  
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery-ui-slide.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>

jquery代码：

<script type="text/javascript">
$(function() {
   $('#example_1').datetimepicker(); 
});
</script>

html代码：

<input type="text" id="example_1" />日历测试

OK  结束， 就是如此简单，但是有一点一定注意，js文件的顺序不要弄错，如果把

 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

放到js文件的最下面一行，则日历是无法使用的，可能跟加载有关吧，需要先加载jquery 1.7.2的包

转载于:https://my.oschina.net/li21808890/blog/265753