入力フィールドへの時間範囲スライダのバインド

Question

私は一連のチュートリアルを終え、これに対する答えを見つけることができないようです。私は、データベースに入力するための時間範囲スライダを実装しようとしている。私は例で始まった。

http://codepen.io/caseymhunt/pen/kertA。私は2つの入力を持っている

$("#slider-range").slider({ 
    range: true, 
    min: 0, 
    max: 1440, 
    step: 15, 
    values: [540, 1020], 
    slide: function (e, ui) { 
     var hours1 = Math.floor(ui.values[0]/60); 
     var minutes1 = ui.values[0] - (hours1 * 60); 

     if (hours1.length == 1) hours1 = '0' + hours1; 
     if (minutes1.length == 1) minutes1 = '0' + minutes1; 
     if (minutes1 == 0) minutes1 = '00'; 
     if (hours1 >= 12) { 
      if (hours1 == 12) { 
       hours1 = hours1; 
       minutes1 = minutes1 + " PM"; 
      } else { 
       hours1 = hours1 - 12; 
       minutes1 = minutes1 + " PM"; 
      } 
     } else { 
      hours1 = hours1; 
      minutes1 = minutes1 + " AM"; 
     } 
     if (hours1 == 0) { 
      hours1 = 12; 
      minutes1 = minutes1; 
     } 



     $('.slider-time').html(hours1 + ':' + minutes1); 

     var hours2 = Math.floor(ui.values[1]/60); 
     var minutes2 = ui.values[1] - (hours2 * 60); 

     if (hours2.length == 1) hours2 = '0' + hours2; 
     if (minutes2.length == 1) minutes2 = '0' + minutes2; 
     if (minutes2 == 0) minutes2 = '00'; 
     if (hours2 >= 12) { 
      if (hours2 == 12) { 
       hours2 = hours2; 
       minutes2 = minutes2 + " PM"; 
      } else if (hours2 == 24) { 
       hours2 = 11; 
       minutes2 = "59 PM"; 
      } else { 
       hours2 = hours2 - 12; 
       minutes2 = minutes2 + " PM"; 
      } 
     } else { 
      hours2 = hours2; 
      minutes2 = minutes2 + " AM"; 
     } 

     $('.slider-time2').html(hours2 + ':' + minutes2); 
    } 
}); 

は、IDのStartTimeEntryとEndTimeEntryフィールド。これらの2つの入力フォームフィールドの値を更新するには、スライダーから値を取得するにはどうすればよいですか？

ありがとうございました。

Answer 1

私はそれを理解しました。

#startTimeEntry 

は、入力フィールドのIDです

$('.slider-time').html(hours1 + ':' + minutes1); 
$('#startTimeeEntry').val($('.slider-time').html(hours1 + ':' + minutes1).text()); 

：他の誰かが同じことをやろうとしている場合は、私は、次の操作を行って、それを得ました。