JavaScriptを使用して2つのASPテキストボックス値を計算し、データベースに保存するにはどうすればよいですか？

Question

私は、日付時間の値を取る2つのテキストボックスと、日付時間がBootstrap DateTimePickerから設定されています。今私はJavaScriptを使用して2つの日付の時間値を減算し、データベースに保存したいですか？ここで

は、日付時刻ピッカーの私のコードです：

<script type="text/javascript"> 
     $(function() { 
      $("#<%=datetimeCreated.ClientID %>").datetimepicker({ 
       calendarWeeks: true, 
       useCurrent: false, 
       format: 'YYYY-MM-DD HH:mm:ss', 

      }); 

      $("#datetimeCreated").on('dp.change', function (e) { 
       var date = $("#datetimeCreated").val(); 

      }); 

     }); 


     $(function() { 
      $("#<%=datetimeClosed.ClientID%>").datetimepicker({ 
       calendarWeeks: true, 
       format: 'YYYY-MM-DD HH:mm:ss', 
      }); 

      $("#datetimeClosed").on('dp.change', function (e) { 
       var date = $("#datetimeClosed").val(); 
      }); 
     }); 

Answer 1

あなたは、このような（すでにDateTimePickerのために必要とされる）moment.jsを使用して差分を計算することができます。

var diff = moment.duration(date1.diff(date2)).asDays(); 

は、詳細を読みますdocsの.duration()と.diff()。

コードを読み、何かが明確でない場合は教えてください。

$(function() { 
 
    $('#datetimepicker1, #datetimepicker2').datetimepicker(); 
 
    
 
    $('button').click(function(e) { 
 
    e.preventDefault(); 
 
    var date1 = $('#datetimepicker1').data('DateTimePicker').date(); 
 
    var date2 = $('#datetimepicker2').data('DateTimePicker').date(); 
 
    var diff = moment.duration(date1.diff(date2)).asDays(); 
 
    // here is what are you looking for: 
 
    console.log(diff); 
 
    }); 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.44/css/bootstrap-datetimepicker-standalone.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.44/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<div class="container"> 
 
    <div class="row"> 
 
    <div class='col-sm-6'> 
 
     <div class="form-group"> 
 
     <div class='input-group date' id='datetimepicker1'> 
 
      <input type='text' class="form-control" /> 
 
      <span class="input-group-addon"> 
 
      <span class="glyphicon glyphicon-calendar"></span> 
 
      </span> 
 
     </div> 
 
     <div class='input-group date' id='datetimepicker2'> 
 
      <input type='text' class="form-control" /> 
 
      <span class="input-group-addon"> 
 
      <span class="glyphicon glyphicon-calendar"></span> 
 
      </span> 
 
     </div> 
 
     <button class="btn btn-success">Submit</button> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>