JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://requirejs.org/docs/release/2.1.2/comments/require.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class='datepicker'></div>
JavaScript
requirejs.config({
paths: {
'jquery': 'https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min',
'bootstrap': 'http://twitter.github.com/bootstrap/assets/js/bootstrap',
'select2': 'http://ivaynberg.github.com/select2/select2-3.2/select2',
'jshashtable': 'http://jshashtable.googlecode.com/files/jshashtable-2.1',
'jquery.numberformatter': 'http://jquery-numberformatter.googlecode.com/files/jquery.numberformatter-1.2.3',
'jq-datepicker': 'http://vitalets.github.com/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker'
},
// Use shim for plugins that does not support ADM
shim: {
'bootstrap': ['jquery'],
'select2': ['jquery'],
'jq-datepicker': ['jquery'],
'jshashtable': ['jquery'],
'jquery.numberformatter': ['jquery', 'jshashtable']
}
});
// Start the main app logic.
requirejs(['jquery', 'bootstrap', 'jq-datepicker'],
function ($) {
console.log('Require.JS loaded');
// Init datepickers
// Docs: https://github.com/eternicode/bootstrap-datepicker
$('.datepicker').datepicker({
format: 'dd/mm/yyyy',
language: 'da',
keyboardNavigation: false,
autoclose: true
});
});