Discussion :

[chris45]

bonjour

je souhaiterai utilser ce plugin dans un formulaire php

comment insérez le code dans un input?

voici le plugin que je voudrais utiliser : https://www.jqueryscript.net/demo/Us...ry-timesetter/

j'ai le bloc de saisie codé de cette facon

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="div1"></div>

et pour passer mes info de mon formulaire j'ai :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type='time' class="form-control" id="timepicker_tree" name="timepicker_tree"  value="<?php echo $cj_tps_mediane; ?>" />

merci pour votre aide
Christophe

[chris45]

bonjour

j'ai trouvé une solution qui fonctionne bien

j'effectue une lecture d'evenement sur le click de la div qui modifie une input en fonction de la valeur du plugin

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
$(document).ready(function ()
{
    var options1 = {
        hour: {
            value: 0,
            min: 0,
            max: 24,
            step: 1,
            symbol: ""
        },
        minute: {
            value: 0,
            min: 0,
            max: 60,
            step: 1,
            symbol: ""
        },
        direction: "increment", // increment or decrement
        inputHourTextbox: 1, // hour textbox
        inputMinuteTextbox: null, // minutes textbox
        postfixText: "", // text to display after the input fields
        numberPaddingChar: '0' // number left padding character ex: 00052
    };
 
 
	 var $traitement_timepicker = $('#traitement_timepicker'); // definition de mon input 
 
 
$(".div1").timesetter(options1).setHour(<?php echo date_format(date_create($cj_tps_mediane) , "H"); ?>); // met a jour la valeur du plugin 
$(".div1").timesetter(options1).setMinute(<?php echo date_format(date_create($cj_tps_mediane) , "i"); ?>);// met a jour la valeur des minutes du plugin a l'affichage de la page
 
$(".div1").timesetter().click(function(){   // fonction qui met a jour mon input quand je modifie le plugin
 
var hours = $(".div1").timesetter().getHoursValue(); // lecture de l'heure du plugin
var minutes = $(".div1").timesetter().getMinutesValue(); // lecture des minute du plugin
 
if ( hours <10) {hours="0"+hours;} // ajoute un 0 devant si le format heure est sur un chiffre
if ( minutes <10) {minutes="0"+minutes;} // ajoute un 0 devant si le foramt minute est sur un chiffre 
 
$traitement_timepicker.val(hours+':'+minutes); // met a jour le contenu de mon input de mon formulaire
});
 
});

;

voila

bonne journée