时间日期控件(兼容ie6)


3311 | 307  | 614 | 添加收藏 上一个 下一个
资源描述 : 支持时间日期选取,兼容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" />

js


$("#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'
});


指尖代码 资源每日更新 www.zjdaima.com