时间日期控件（兼容ie6）

查看演示立即下载

插件描述：支持时间日期选取，兼容IE6及以上版本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link type="text/css" href="jquery-ui-1.8.16.custom.css"
    rel="stylesheet" />
<script  language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script  language="javascript" type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
<script language="javascript" type="text/javascript" src="jquery.ui.datepicker-zh-CN.js"></script>   
<script type="text/javascript">
 
$(function(){
    $("#time").datetimepicker({
        changeYear : true,
        changeMonth : true,
        showSecond : true,
        timeFormat : 'hh:mm:ss',
        dateFormat : 'yy-mm-dd',
        stepHour : 1,
        stepMinute : 1,
        stepSecond : 1
    });
    });
    </script>
    </head>
    <body>
    <form>
       <input type="text" id="time" />
    </form>
    </body>
</html>

========以下内容由网友西瓜吃多了拉稀提供=============

<input type="text" id="onlySelectDate" /></br>
<input type="text" id="onlySelectTime" /></br>
<input type="text" id="selectDateTime" />

$("#onlySelectDate").datepicker({
        changeYear : true,
        changeMonth : true,
        showSecond : true,
        timeFormat : 'hh:mm:ss',
        dateFormat : 'yy-mm-dd' , //加上下面这行禁选当天之前的日期
        minDate:new Date(),  // 加上下面这行禁选当天之后的日期
        maxDate:new Date()
});

//只能选取时间

$("#onlySelectTime").timepicker({
        changeYear : true,
        changeMonth : true,
        showSecond : true,
        timeFormat : 'hh:mm:ss',
        dateFormat : 'yy-mm-dd'
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：百分比进度条
下一个特效：一块漂亮易用的jQuery密码强度验证插件