JSFiddle - React, Tailwind, and code Playground

by Ehsan Sajjad

JavaScript

$(function() {
   // Appends  symbol after each required label of MVC Model Data Annotation
   $('input[type=text],textarea,select').each(function() {
     var req = $(this).attr('data-val-required');
     if (undefined != req) {
       var label = $('label[for="' + $(this).attr('id') + '"]');
       var text = label.text();

       if (text.length > 0) {
         label.append('<span class="asterisk"> *</span>');
       }
     }
   });


   $.datepicker.setDefaults({
     dateFormat: '@(Constants.DatePickerDisplayFormat)',
     changeMonth: true,
     changeYear: true,
     //showOn: "button", //--defaulted to "focus"
     //buttonImage: "@Url.Content("~/Content/Images/calendar-icon.png")",
     //buttonImageOnly: true,
     yearRange: 'c-200:c+200',
     onSelect: function() {
       this.focus();
       this.blur();
       $(document).trigger('dateChanged', [this]);
     }
   });
   $.datepicker.regional['en'].dateFormat = '@(Constants.DatePickerDisplayFormat)';
   // Set Date Format globally for date pickers
   $(".datepicker-en").datepicker($.datepicker.regional['en']);



   // date validation customized with date format via Configuration
   $.validator.methods.date = function(value, element) {
     var isValid = this.optional(element) || moment(value, "@Constants.DatePickerValidationFormat", true).isValid();
     return isValid;
   }
 });