Bonjour à tous et merci d'avance pour votre aide.

J'utilise les popover et y inclure des slider.
Je parviens à ajouter le slider dans le popover mais celui-ci n'est pas fonctionnel.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
$('.timeTable').on('click', function(){
        $('.timeTable').popover('hide');
        $(this).popover({
            animation : true,
            placement : 'bottom',
            selector : '#popover801689',
            html : true,
            content :  function() {
                return $('#pickTime').html();
            }
        });
        $(this).popover('toggle');
        return false; 
    });
 
    $(function() {
        $("#slider").slider({
            range: true,
            min: 0,
            max: 24,
            step: 0.5,
            values: [9, 10],
            slide: function( event, ui ) {
                $( "#amount" ).val( ui.values[ 0 ] + "-" + ui.values[ 1 ]);
            }
        });
        $("#amount").val($("#slider").slider("values", 0 ) +
                         $("#slider").slider("values", 1));
    });
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<div id="pickTime"> <!--display none-->
    <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
    <div id="slider"></div>
</div>
 
<a class="timeTable" data-toggle="popover" href="#monday">09:00-20:00</a>
<a class="timeTable" data-toggle="popover" href="#tuesday">09:00-20:00</a>