-1

ここからタイムピッカーをダウンロードしました。多くのコードを切り取った後、私はこの簡単な例にたどり着きました。

<html>
    <head>
        <title>jQuery.timepickr.js</title>
        <link rel="Stylesheet" media="screen" href="reset.css" />
        <link rel="Stylesheet" media="screen" href="styles.css" />
        <link rel="Stylesheet" media="screen" href="../dist/themes/default/ui.core.css" />
        <link rel="Stylesheet" media="screen" href="../src/css/ui.timepickr.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.js"></script>
        <script type="text/javascript" src="jquery.utils.js"></script>
        <script type="text/javascript" src="jquery.strings.js"></script>
        <script type="text/javascript" src="jquery.anchorHandler.js"></script>
        <script type="text/javascript" src="jquery.ui.all.js"></script>
        <script type="text/javascript" src="../src/ui.timepickr.js"></script>


        <script type="text/javascript">
            $(function(){
              $('#timepicker').timepickr().focus();
              $('#timepicker').next().find('ol').show().find('li:eq(2)').mouseover();
            });
        </script>
    </head>
    <body id="themeroller">

        <div id="splash">
            <div id="demo">
                <div id="d-demo-wrapper-1" class="demo-wrapper">
                    <input id="timepicker" type="text" value="02:30" class="demo">
                </div>

            </div>
        </div>
    </body>
</html>

キーボードから手動で時刻を設定しようとすると、数値が自動的に変更され、マウスが入力フィールドの外にあることに気付きました。元の例でも、手動で数値を設定できないことに気づきました。どうすればこの問題を解決できますか？

4

1 に答える 1

1

val属性を使用して、デフォルト値を設定できますtimepickr

$("#timepickr").timepickr({
            convention: 12,
            format12: "{h:02.d}:{m:02.d} {z:s}",
            rangeMin: $.range(0, 60),
            val: "02:00 am" //set your default time here
        });
于 2012-12-03T11:23:13.653 に答える