JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="https://raw.github.com/NYTimes/backbone.stickit/master/backbone.stickit.js"></script>
<div id="ctr">
<input type="text" id="date" class="jquery-datepicker"/>
<div id="date-val"></div>
</div>
CSS
#ctr * {
margin: 10px;
}
JavaScript
Backbone.Stickit.addHandler({
selector: '.jquery-datepicker',
initialize: function($el, model, options) {
$el.datepicker({
onChangeMonthYear: function() {
model.set(options.observe, $el.val());
}
});
}
});
new (Backbone.View.extend({
initialize: function() {
this.setElement($('#ctr'));
this.model = new Backbone.Model({date:""});
},
bindings: {
'#date': 'date',
'#date-val': 'date'
},
render: function() {
this.stickit();
}
}))().render();