Sélecteurs Jquery sur datepicker

Version imprimable

Bonjour à tous.

Je rencontre une difficulté avec un tableau dont le nombre de cellules est variable mais toujours du type
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <td> <input id="ident1129" class="delai" placeholder="delai" style="width :90%;margin-left:auto;margin-right:auto;" > <input id="time1129" class="delai" type="hidden" value="" > </td> <td> <input id="ident1130" class="delai" placeholder="delai" style="width :90%;margin-left:auto;margin-right:auto;" > <input id="time1130" class="delai" type="hidden" value="" > </td> <td> <input id="ident1142" class="delai" placeholder="delai" style="width :90%;margin-left:auto;margin-right:auto;" > <input id="time1142" class="delai" type="hidden" value="" > </td>
Je souhaite utiliser datepicker lors de la sélection d'un input de type id="ident.."

Cela fonctionne bien avec $( "input[id^=ident]" )

Par contre je souhaite modifier l'input suivant de celui sélectionner lors de la fermeture de datepicker
Code:

1 2 3 4 onClose: function(dateString) { var myDate = new Date(dateString).getTime()/1000 ; $(?).next().attr({value : myDate}); }
Quel sélecteur utiliser car si j'effectue un changement cela affecte tous les inputs suivants les inputs d'id indent... ?

Merci d'avance

this refers to the associated input field

Code:

1
2
3
4
5
6
7
8
9
10
11
$( "input[id^='ident']" ).datepicker({
  onClose: function( dateString ){
    var myDate = new Date( dateString ).getTime() / 1000 ;
 
    console.log( myDate );
 
    $( this ).next().val( myDate );
 
    console.log( $( this ).next().val() );
  }
});

03/01/2016, 15h01
L4ur3nt

Bonjour et merci pour la réponse mais fonctionne pas chez moi.
Retour en console "undefined" pour console.log( $( this ).next().val() );

Edit: c'est tout bon désolé et merci

Voici ma page de test, elle fonctionne parfaitement :

Code:

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
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0">
  <meta name="author" content="Daniel Hagnoul">
  <title>Test</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/sunny/jquery-ui.css">
  <style>
 
  </style>
</head>
<body>
 
<table>
  <tbody>
    <tr>
      <td>
        <input id="ident1129" class="delai" placeholder="delai" style="width :90%;margin-left:auto;margin-right:auto;" >
        <input id="time1129" class="delai" type="hidden" value="" >
      </td>
      <td>
        <input id="ident1130" class="delai" placeholder="delai" style="width :90%;margin-left:auto;margin-right:auto;" >
        <input id="time1130" class="delai" type="hidden" value="" >
      </td>
      <td>
        <input id="ident1142" class="delai" placeholder="delai" style="width :90%;margin-left:auto;margin-right:auto;" >
        <input id="time1142" class="delai" type="hidden" value="" >
      </td>
    </tr>
  </tbody>
</table>
 
  <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
  <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script>
    "use strict";
 
    $( function(){ // forme abrégée de $(document).ready( function( ){
 
      $( "input[id^='ident']" ).datepicker({
        onClose: function( dateString ){
          var myDate = new Date( dateString ).getTime() / 1000 ;
 
          console.log( myDate );
 
          $( this ).next().val( myDate );
 
          console.log( $( this ).next().val() );
        }
      });
 
    });
  </script>
</body>
</html>