Ankündigung

Einklappen
Keine Ankündigung bisher.

Timepicker

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Timepicker

    Hallo,

    ich bin auf der Suche nach einem Timepicker, kann aber leider nichts finden (UZSU soll es nicht sein). Gibt es einen solchen schon bzw. hat jemand sich schon damit beschäftigt?

    schöne Grüße
    Jo

    #2
    Hi Jo,

    meinst Du so etwas?
    Ich habe mir zur Zeitvogabe folgende Lösung gebastelt. Zwar noch unschön bei hh:0x, wird als hh:x dargestellt, aber es geht!
    Vielleicht weiß jemand wie die Anzeige zu optimieren ist.

    Timepicker.jpg

    Code:
     <div class="block">
        <div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
        
            <div data-role="collapsible" data-collapsed="false" >
                <h3>Einschaltzeiten der Temperaturvorgaben</h3>
                <table width="100%" style="text-align: left;">
                <tr>
                    <td width="35%"></td>
                    <td width="16%">Stunde</td>
                    <td width="30%"></td>
                    <td width="20%">Minute</td>
                    <td width="10%"></td>
                </tr>
               </table>
            {{ abauhr.uhrzeit ('sued_anf_nacht','Nachtzeit  Anfang ',   'og.sued.heizung.stundenachtanf', 'og.sued.heizung.stundenachtanf', 'og.sued.heizung.minutenachtanf', 'og.sued.heizung.minutenachtanf',1) }}
            {{ abauhr.uhrzeit ('sued_anf_com1','1. Komfortzeit Anf. ',    'og.sued.heizung.stundek1anf', 'og.sued.heizung.stundek1anf', 'og.sued.heizung.minutek1anf', 'og.sued.heizung.minutek1anf',1) }}
            {{ abauhr.uhrzeit ('sued_anf_com2','2. Komfortzeit Anf. ',    'og.sued.heizung.stundek2anf', 'og.sued.heizung.stundek2anf', 'og.sued.heizung.minutek2anf', 'og.sued.heizung.minutek2anf',1) }}
             <h3>Zeiten ohne Vorgabe sind Abwesendzeiten. </h3>
        </div>
    
     
        </div>    
        </div>
    Makro/Widget
    Code:
    /**
    * Small TimeSet (Uhrzeit setzen) widges in /smartvisu wird genommen
    * 2015.07.01 19:20
    * @param       unique id for this widget
    * @param       name of the TimeSet
    * @param       a gad/item for the actual htime  
    * @param       a gad/item for the set htime
    * @param       a gad/item for the actual mtime      
    * @param       a gad/item for the set mtime
    * @param       step for plus/minus buttons (optional, default 1.0°)
    */
    {% macro uhrzeit(id, txt, gad_actualh, gad_seth, gad_actualm, gad_setm, step) %}
    {% import "basic.html" as basic %}
    {% set uid = uid(page, id) %}
    
    /** Design */
    <div id="{{ uid }}" class="uhrzeit">
        <table style="width:100%; text-align: left;">
            <tr>
                <th width="30%">{% if txt %} {{ txt }} {% endif %}</th>
                <td width="8%">
                    {% if gad_seth %}
                        {{ basic.button(id~'minush', '', '', 'minus', '', 'micro') }}
                    {% endif %}
                </td>
                <td width="8%">
                    {% if gad_seth %}
                        {{ basic.button(id~'plush', '', '', 'plus', '', 'micro') }}
                    {% endif %}
                </td>
    
                <td width="6%"><div class="temph">{{ basic.float(id~'actualh', gad_actualh, ':') }}</div></td>
                <td width="10%"><div class="tempm">{{ basic.float(id~'actualm', gad_actualm, 'Uhr' ) }}</div></td>
    
                <td width="8%">
                    {% if gad_setm %}
                        {{ basic.button(id~'minusm', '', '', 'minus', '', 'micro') }}
                    {% endif %}
                </td>
                <td width="8%">
                    {% if gad_setm %}
                        {{ basic.button(id~'plusm', '', '', 'plus', '', 'micro') }}
                    {% endif %}
                </td>
    
    
        </tr>
        </table>
    
        {% if gad_actualh %}
    
            /** Events */
            <script type="text/javascript">
                // plus / minus Stunde
                $("#{{ uid~'minush' }}").unbind('click').bind('click', function(){
                    var temph = (Math.round((parseFloat($("#{{ uid~'actualh' }}").html().replace(',','.')) - {{ step|default(0.5) }}) * 10) / 10).toFixed(0);
                if ( temph < 0)  { temph = 0;}
                $("#{{ uid~'actualh' }}").html(temph + ':');
                io.write("{{ gad_actualh }}", temph);
                });
                $("#{{ uid~'plush' }}").unbind('click').bind('click', function(){
                    var temph = (Math.round((parseFloat($("#{{ uid~'actualh' }}").html().replace(',','.')) + {{ step|default(0.5) }}) * 10) / 10).toFixed(0);
                    if ( temph > 23)  { temph = 0;}
                $("#{{ uid~'actualh' }}").html(temph + ':');
                io.write("{{ gad_actualh }}", temph);
                });
            </script>
        {% endif %}
        
        {% if gad_actualm %}
              /** Events */
            <script type="text/javascript">    
             // minus Minute
                $("#{{ uid~'minusm' }}").unbind('click').bind('click', function(){
                    var tempm = (Math.round((parseFloat($("#{{ uid~'actualm' }}").html().replace(',','.')) - {{ step|default(0.5) }}) * 10) / 10).toFixed(1);
                if ( tempm < 0)  { tempm = 0;}
                $("#{{ uid~'actualm' }}").html(tempm + 'Uhr');
                io.write("{{ gad_actualm }}", tempm);
                });
                // plus Minute
                $("#{{ uid~'plusm' }}").unbind('click').bind('click', function(){
                    var tempm = (Math.round((parseFloat($("#{{ uid~'actualm' }}").html().replace(',','.')) + {{ step|default(0.5) }}) * 10) / 10).toFixed(1);
                    if ( tempm > 59)  { tempm = 59;}
                $("#{{ uid~'actualm' }}").html(tempm + 'Uhr');
                io.write("{{ gad_actualm }}", tempm);
                });
            </script>
        {% endif %}
    </div>
    {% endmacro %}
    LG
    Wolfgang

    Kommentar

    Lädt...
    X