Skip to content

Instantly share code, notes, and snippets.

@dixonsiu
Created February 5, 2018 05:49
Show Gist options
  • Save dixonsiu/a87427d6dc076c117e5652a1a689a201 to your computer and use it in GitHub Desktop.
Save dixonsiu/a87427d6dc076c117e5652a1a689a201 to your computer and use it in GitHub Desktop.
How to handle Personium Date Format
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.3/moment-with-locales.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<style>
input[type="text"] {
margin-right: 10px;
}
label {
margin-right: 20px;
}
div {
margin-bottom: 20px;
}
span {
margin-left: 10px;
}
</style>
</head>
<body>
<div>
<h1>Personium Date Format</h1>
<input id="dateStr" type=text><button id="convert_time">Convert to time</button>
</div>
<div>
<h1>Human Readable Date Format</h1>
<h3>UTC</h3>
<div>
<span id='utcTime' data-original=""></span>
</div>
<h3>With locale</h3>
<div>
<input type=radio id="locale_ja" name="locale" value="ja" checked><label for="locale_ja">Japanese</label>
<input type=radio id="locale_en" name="locale" value="en"><label for="locale_en">English</label>
</div>
<div>
<span id="result"></span>
</div>
</div>
<div>
For details on date formats, please refer to <a href="http://momentjs.com/" target="blank">MomentJS</a>.
</div>
<script>
$(document).ready(function() {
$('#convert_time').click(function(){
let momentObj = getMomentObject($('#dateStr').val());
$('#utcTime')
  .attr('data-original', $('#dateStr').val())
  .html(momentObj.format());
let currentLocale = $('input[type="radio"]:checked').val();
let currentDate = momentObj
.locale(currentLocale)
.format('MMMM Do YYYY, h:mm:ss a');
$('#result').html(currentDate);
});
$('input[type="radio"]').click(function(){
let momentObj = getMomentObject($('#utcTime').attr('data-original'));
displayDate(momentObj);
});
let currentDateTime = '/Date(' + moment().format('x') + ')/';
$('#dateStr').val(currentDateTime);
$('#convert_time').click();
});
getMomentObject = function(dateString) {
let eventObj = moment(dateString);
return eventObj;
};
displayDate = function(momentObj) {
let currentLocale = $('input[type="radio"]:checked').val();
let currentDate = momentObj
.locale(currentLocale)
.format('MMMM Do YYYY, h:mm:ss a');
$('#result').html(currentDate);
};
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment