crazy problems with globalize.js - jquery-globalize

Question

Ive spent the best part of a day just trying to get date validation to work with globalize.js. its proving to be a nightmare for something that should be quite simple. After much searching I found that i needed these files included and in a specific order
<script src="~/Scripts/globalize.js"></script>
<script src="~/Scripts/globalize/message.js"></script>
<script src="~/Scripts/globalize/number.js"></script>
<script src="~/Scripts/globalize/plural.js"></script>
<script src="~/Scripts/globalize/date.js"></script>
<script src="~/Scripts/globalize/currency.js"></script>
<script src="~/Scripts/globalize/relative-time.js"></script>
<script src="~/Scripts/globalize/unit.js"></script>
So I ran my app and got this error
E_MISSING_CLDR: Missing required CLDR content supplemental/likelySubtags.
this json data isnt included, so i added the file manually and included this in my master layout page
<script type="text/javascript">
$.get("Scripts/cldr/supplemental/likelySubtags.json", Cldr.load);
</script>
but I still get the same error, can anyone help me out ? How can i simply get globalize.js to actually work ?

Answer 1

Getting started
npm install globalize cldr-data
Then
var Globalize = require( "globalize" );
Globalize.load( require( "cldr-data" ).entireSupplemental() );
Globalize.load( require( "cldr-data" ).entireMainFor( "en", "es" ) );
Globalize("en").formatDate(new Date());
// > "11/27/2015"
Globalize("es").formatDate(new Date());
// > "27/11/2015"
Do you wanna run it on browsers? What's your stack? If you're using webpack, see this Globalize App example using webpack
If you use a different stack, see other examples https://github.com/globalizejs/globalize/#examples