2014-10-25 3 views
1

Я использую 2 встроенных JQuery даты-времени сборщиков из http://xdsoft.net/jqplugins/datetimepicker/Jquery DateTime Picker дифф

Это хорошо работает, но как получить разницу между ними в часах?

http://jsfiddle.net/ajmtj1xj/1/

Большое спасибо ...

<input id="datetimepicker3" type="text" > 
    <input id="datetimepicker2" type="text" ><br> 
    Result: <input id="difference" type="text" > 

jQuery('#datetimepicker3').datetimepicker({ 
    format:'d.m.Y H:i', 
    dayOfWeekStart:'1', 
    value:'12:00', 
    inline:true, 
    lang:'ru' 
}); 

jQuery('#datetimepicker2').datetimepicker({ 
    format:'d.m.Y H:i', 
    dayOfWeekStart:'1', 
    value:'12:00', 
    inline:true, 
    lang:'ru' 
}); 
+0

Я попытался сделать это в php, и мне это удастся, но чтобы получить результат, я должен обновить страницу. Я не знаю, как это сделать js ... – Xinel

+0

В идеале вы должны хотя бы опубликовать, как вы это сделали в PHP, и, возможно, спросите, как вы переводите эти функции в JavaScript. Следующий ответ должен помочь вам разобраться! – RemarkLima

ответ

0

Я должен был изменить свой DateFormat к стандарту ISO, так что он может быть разобран в объект даты JavaScript, но это должно получить вы там. Разность двух d1 и d2 даты переменных в миллисекундах, следовательно,/1000/60/60 ...

var d1 = null; 
 
var d2 = null; 
 

 
jQuery('#datetimepicker3').datetimepicker({ 
 
    format:'Y/m/d H:i', 
 
    dayOfWeekStart:'1', 
 
    value:'12:00', 
 
    inline:true, 
 
    lang:'ru', 
 
    onChangeDateTime:function(dp,$input){ 
 
    d1 = new Date($input.val()); 
 
     calcDiff(); 
 
    } 
 

 
}); 
 

 
jQuery('#datetimepicker2').datetimepicker({ 
 
    format:'Y/m/d H:i', 
 
    dayOfWeekStart:'1', 
 
    value:'12:00', 
 
    inline:true, 
 
    lang:'ru', 
 
    onChangeDateTime:function(dp,$input){ 
 
     d2 = new Date($input.val()); 
 
calcDiff(); 
 
    } 
 

 
}); 
 

 
function calcDiff(){ 
 
    if(d1 != null && d2 != null){ // We have both dates 
 
     var dh = (d2 - d1)/1000/60/60; 
 
     $("#difference").val(dh); 
 
    } 
 
}
<link href="http://p-parkas.lt/valetparking/jquery.datetimepicker.css" rel="stylesheet"/> 
 
<script src="http://p-parkas.lt/valetparking/jquery.datetimepicker.js"></script> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
<input id="datetimepicker3" type="text" > 
 
    <input id="datetimepicker2" type="text" ><br> 
 
    Result: <input id="difference" type="text" >

и обновленный скрипку здесь: http://jsfiddle.net/ajmtj1xj/2/