JSFiddle - React, Tailwind, and code Playground

by bmh_ca

HTML

<script src="http://timeago.yarp.com/jquery.timeago.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout/master/build/output/knockout-latest.debug.js"></script>
<div id='bound'>

<h3>List:</h3>
<div id="times" data-bind='foreach: mytimelist'>
    A: <time data-bind='text: $data, attr: { datetime: $data }'></time><br/>
    </div>
    
    
</div>

JavaScript

var myVM = {
    mytimelist: ko.observableArray([(new Date()).toISOString()])
};

myVM.mytimelist.subscribe(function() {
    $("#times time").timeago();
});

myVM.mytimelist.push((new Date()).toISOString());

ko.applyBindings(myVM, $("#bound")[0]);