jquery支持自定义的时间选择器插件

使用方法

        $('#show-ampm-time-format').click(function(){
            var msg = 'from: ' + $('#from-ampm').data('timeAutocomplete').getTime() + "\n";
            msg += 'to: ' + $('#to-ampm').data('timeAutocomplete').getTime();
            alert(msg);
        });

        $('#show-french-time-format').click(function(){
            var msg = 'from: ' + $('#from-french').data('timeAutocomplete').getTime() + "\n";
            msg += 'to: ' + $('#to-french').data('timeAutocomplete').getTime();
            alert(msg);
        });

        $('#show-24hr-time-format').click(function(){
            var msg = 'from: ' + $('#from-24hr').data('timeAutocomplete').getTime() + "\n";
            msg += 'to: ' + $('#to-24hr').data('timeAutocomplete').getTime();
            alert(msg);
        });

        // basic
        $('#basic-example').timeAutocomplete();

        // ampm
        $('#from-ampm').timeAutocomplete({
            increment: 5,
            value: '08:00:00'
        });

        $('#to-ampm').timeAutocomplete({
            from_selector: '#from-ampm',
            increment: 5,
            value: '11:30:00' // likely populated from your database.
        });

        // 24hr
        $('#from-24hr').timeAutocomplete({
            formatter: '24hr',
            value: '07:00:00'
        });

        $('#to-24hr').timeAutocomplete({
            formatter: '24hr',
            value: '09:30:00'
        });

        // French
        $('#from-french').timeAutocomplete({
            formatter: 'french'
        });

        $('#to-french').timeAutocomplete({
            formatter: 'french',
            value: '17:00:00'
        });