Show dates browser-localized

resources/assets/js/filters.js

@@ -2,23 +2,23 @@
  * Format the given date.
  */
 Vue.filter('date', value => {
-    return moment.utc(value).local().format('MMMM Do, YYYY')
+    return moment.utc(value).local().format('LL')
 });
 
 
 /**
  * Format the given date as a timestamp.
  */
 Vue.filter('datetime', value => {
-    return moment.utc(value).local().format('MMMM Do, YYYY h:mm A');
+    return moment.utc(value).local().format('LL LT');
 });
 
 
 /**
  * Format the given date into a relative time.
  */
 Vue.filter('relative', value => {
-    return moment.utc(value).local().locale('en-short').fromNow();
+    return moment.utc(value).local().fromNow();
 });
 
 
@@ -66,4 +66,4 @@ Vue.filter('currency', value => {
     return sign + window.Spark.currencySymbol + head +
         _int.slice(i).replace(/(\d{3})(?=\d)/g, '$1,') +
         _float;
-});
+});

resources/assets/js/mixins/subscriptions.js

@@ -139,11 +139,11 @@ module.exports = {
 
             if (this.onGenericTrial) {
                 return moment.utc(this.billable.trial_ends_at)
-                                        .local().format('MMMM Do, YYYY');
+                                        .local().format('LL');
             }
 
             return moment.utc(this.activeSubscription.trial_ends_at)
-                            .local().format('MMMM Do, YYYY');
+                            .local().format('LL');
         },
 
 

resources/assets/js/spark-bootstrap.js

@@ -38,7 +38,7 @@ window.moment.defineLocale('en-short', {
         yy: "%dy"
     }
 });
-window.moment.locale('en');
+window.moment.locale(window.navigator.language);
 
 /*
  * Load jQuery and Bootstrap jQuery, used for front-end interaction.