JSFiddle - React, Tailwind, and code Playground

by Ian Campbell

HTML

<script src="http://vitalets.github.com/x-editable/assets/mockjax/jquery.mockjax.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://vitalets.github.io/x-editable/assets/x-editable/jqueryui-editable/js/jqueryui-editable.js"></script>
<link rel="stylesheet" href="http://vitalets.github.io/x-editable/assets/x-editable/jqueryui-editable/css/jqueryui-editable.css">
<div id="editann-1" class="unhidden">
  <form class="ng-pristine ng-valid" role="form" action="/editannouncement/1/" method="post">
    <input name="csrfmiddlewaretoken" value="AbTEZYmK1RF9yeom1C34IFFCj3EBrOD3" type="hidden">
    <div class="form-group">
      <label class="col-sm-2 control-label" for="id_description">Edit Description</label>
      <div class="col-sm-10">
        <textarea class="form-control" cols="40" id="id_description" name="description" rows="10"></textarea>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label" for="id_end_date">Expires</label>
      <div class="col-sm-10">
        <input class="datepicker form-control hasDatepicker" id="end_date_edit" name="end_date" type="text">
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <button type="submit" name="edit_announcement" class="btn btn-primary">Save</button>
        <br>
        <br>
      </div>
    </div>
  </form>
</div>
<div id="editann-2" class="unhidden">
  <form class="ng-pristine ng-valid" role="form" action="/editannouncement/2/" method="post">
    <input name="csrfmiddlewaretoken" value="AbTEZYmK1RF9yeom1C34IFFCj3EBrOD3" type="hidden">
    <div class="form-group">
      <label class="col-sm-2 control-label" for="id_description">Edit Description</label>
      <div class="col-sm-10">
        <textarea class="form-control" cols="40" id="id_description" name="description"...

JavaScript

$(function() {
  $(".datepicker").datepicker({
    dateFormat: "yyyy-mm-dd"
  });
  console.log('this is done');
});