MomentJS Example

DateTime format and manipulation

by Nayana Das

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>

<div id="date1"></div>
<div id="date2"></div>
<div id="date3"></div>
<div id="date4"></div>

JavaScript

$(document).ready(function() {
	var $scope = {};
  $scope.date = new Date();
	$scope.moment = moment($scope.date);
  
  // DateTime Format
 	$('#date1').html($scope);
  $('#date2').html($scope.moment.format('DD-MM-YYYY hh:mm:ss'));
  
  // DateTime Manipulation
  $scope.temp = $scope.moment.add(1, 'weeks');
 	$('#date3').html($scope.temp.format('DD-MM-YYYY hh:mm:ss'));
  $scope.temp = $scope.moment.add(1, 'months');  
  $('#date4').html($scope.temp.format('DD-MM-YYYY hh:mm:ss'));
});