http://stackoverflow.com/questions/42878165/knockout-date-binding-actionlink-binding

by jlspake

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.1/knockout-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.0/moment.min.js"></script>
<table class="table">
  <thead>
    <tr>
      <th>Driver Id</th>
      <th>Name</th>
      <th>Phone number</th>
      <th>Work exp. (days)</th>
      <th>Last vision test</th>
      <th>  </th>
    </tr>
  </thead>
  <tbody data-bind="foreach: drivers">
    <tr>
      <td data-bind="text: DriverId"></td>
      <td data-bind="text: firstName + ' '+ lastName"></td>
      <td data-bind="text: tel"></td>
      <td data-bind="text: moment(startDate).format('L')"></td>
      <td data-bind="text: moment(visionTDate).format('L') "></td>
      <!--<td data-bind="text: visionTDate"></td>-->
      <!--<td>
        <a data-bind="attr: { 'href': '#' + DriverId() }" >
          Edit 
        </a> |
        <a data-bind="attr: { 'href': '#' + DriverId() }" >
          Details 
        </a>|
        <a data-bind="attr: { 'href': '#' + DriverId() }" >
          Delete
        </a>
      </td>-->

    </tr>
</table>

JavaScript

var testData = { drivers: [
	{ DriverId: '100', firstName: 'john', lastName: 'doe', tel: '(xxx)xxx-xxxx', startDate: "\/Date(1239018869048)\/", visionTDate: "\/Date(1239018869048)\/" }
]};

var drivers

$.getJSON("/echo/json", function (data) {
  drivers = testData; //data
  ko.applyBindings(drivers)
})

function GetStyle(date) {
  var style = "";
  var months = ((DateTime.Today.Year - date.Year) * 12 + (DateTime.Today.Month - date.Month));
  if (months >= 5 && months < 6) {
    style = "background-color:#b3b3ff";
  }
  if (months >= 6) {
    style = "background-color:#ff6666";
  }
}