Subscribe to Youtube channel

Creation of Date Format function using javascript and Jquery

If you want to format the datetime string of database in your html file you need to get help from JavaScript.In javascript there is no pre define function exists to format date time string in dd MMM yyy. To accomplish the above task you need to write custom code. The following  is the custom function by using that you can format your date-time string in dd MMM yyyy format

first you need to write array which has all months


var gsMonthNames = new Array(
'January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December'
);


Then add following function in html file


function dFormat(date) {
    var result = '';
    if (date != '') {
        var dateArray = date.split('/');
        if (dateArray.length > 1) {
            result = dateArray[1] + " " + gsMonthNames[parseInt(dateArray[0])-1] + " " + dateArray[2].substr(0, 4);
        }
        else {
            result = date;
        }
    }
    return result;
}


create custom Jquery function


$.fn.DateFormat = function () {
    if ($(this).val() != undefined) {
        $(this).val((dFormat($(this).val())));
    }
}


Use function in html



$(document).ready(function () {
  
    $(".DFormat").DateFormat();
});



<input type="text" id="some" class="DFormat" />

Thats it! enjoy

Comments

Popular posts from this blog

Root your Gingerbread 2.3.4 android Mobile Phone

Implement Logging in CSV file using Nlog in .net core MVC application- part 2

Disable backspace key using Jquery

Devexpress Datebox date formatting in angular 6 with example

Implement Nlog in .Net core MVC application part 1

How to Import CSV File and bind csv file data to gridview in asp.net using c#

Restore the lost focus of Auto post back controls in asp.net update Panel control

Angular User Session Timeout example step by step

Clone a generic list in C# using extension method