ИЗБРАННЫЕ ПРИМЕРЫ JQUERY (теория и примеры)

HTML ↴

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <title>jQuery UI Spinner - Time</title>
    <link rel="stylesheet" href="jquery-ui.css" />
    <script src="jquery-1.8.3.js"></script>
    <script src="jquery.mousewheel.js"></script>
    <script src="globalize.js"></script>
    <script src="globalize.culture.de-DE.js"></script>
    <script src="jquery-ui.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script>
    $.widget( "ui.timespinner", $.ui.spinner, {
        options: {
            // seconds
            step: 60 * 1000,
            // hours
            page: 60
        },
 
        _parse: function( value ) {
            if ( typeof value === "string" ) {
                // already a timestamp
                if ( Number( value ) == value ) {
                    return Number( value );
                }
                return +Globalize.parseDate( value );
            }
            return value;
        },
 
        _format: function( value ) {
            return Globalize.format( new Date(value), "t" );
        }
    });
 
    $(function() {
        $( "#spinner" ).timespinner();
 
        $( "#culture" ).change(function() {
            var current = $( "#spinner" ).timespinner( "value" );
            Globalize.culture( $(this).val() );
            $( "#spinner" ).timespinner( "value", current );
        });
    });
    </script>
</head>
<body>
 
<p>
    <label for="spinner">Time spinner:</label>
    <input id="spinner" name="spinner" value="08:30 PM" />
</p>
<p>
    <label for="culture">Select a culture to use for formatting:</label>
    <select id="culture">
        <option value="en-EN" selected="selected">English</option>
        <option value="de-DE">German</option>
    </select>
</p>
 
 
 <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(53156500, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/53156500" style="position:absolute; left:-9999px;" alt="" /></div></noscript> </body>
</html>

размер Kb

ПРИМЕР ↴

✔ пример в полном окне

на главную страницу примеров - клавиша ESC

ИЗБРАННЫЕ ПРИМЕРЫ JQUERY (теория и примеры)

document.write(document.title)

HTML ↴

размер Kb

ПРИМЕР ↴