PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

jquery日历插件timepicker

jquery日历插件timepicker

来源:phperz.com  作者:phperz.com  发布时间:2011-08-16
jquery日历时间插件 timepicker 支持时分秒的设置 配置年月日显示格式 dateFormat:yy-mm-dd !DOCTYPE html html head meta http-equiv=Content-Type content=text/html; charset=gbk / titleTimepicker Example Page/title link type=text/css href=css/ui-lightness/j

jquery日历时间插件 timepicker 支持时分秒的设置

配置年月日显示格式 dateFormat:"yy-mm-dd"

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> 
    <title>Timepicker Example Page</title> 
    <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" /> 
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script> 
    <script type="text/javascript" src="js/timepicker.js"></script> 
</head> 
<body> 
 
<script type="text/javascript"> 
$(function() {  
    $('#datetime').datepicker({  
        duration: '',  
        showTime: true,  
        constrainInput: false  
     });  
});  
</script> 
 
<style type="text/css"> 
    body{ font: 80% "Trebuchet MS", sans-serif; margin: 50px;}  
</style> 
 
<p><input type="text" name="datetime" id="datetime" value="2009-12-03" readonly ></p> 
 
</body> 
</html> 


延伸阅读:
9个实用jQuery日历插件
10个美观实用的 jQuery/Mootool 日历插件
jQuery双日历插件 jQuery Datepicker
日期选择控件 jQuery DateInput 日历插件
FullCalendar jQuery日历插件
用jquery日历插件FullCalendar打造outlook的日历效果
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号