精确到秒的JQuery日期控件

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Timepicker Demo</title>

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

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

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

    <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>

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

    <script type="text/javascript" src="js/jquery-ui-timepicker-zh-CN.js"></script>

    <script type="text/javascript">

    $(function () {

        $(".ui_timepicker").datetimepicker({

            //showOn: "button",

            //buttonImage: "./css/images/icon_calendar.gif",

            //buttonImageOnly: true,

            showSecond: true,

            timeFormat: 'hh:mm:ss',

            stepHour: 1,

            stepMinute: 1,

            stepSecond: 1

        })

    })

    </script>

</head>

<body>

<p><input type="text" name="datetime" class="ui_timepicker" value=""></p>

</body>

</html>

展开阅读全文

没有更多推荐了,返回首页