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 datetime string in dd MMM yyyy format

first you need to write array which has all months

var gsMonthNames = new Array(

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) {

Use function in html

$(document).ready(function () {

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

Thats it! enjoy


Popular posts from this blog

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

Clone a generic list in C# using extension method

Disable backspace key using Jquery

Step by step migration of ASP.NET Core 2.2 to 3.1

Add Comma automatically while entering amounts in textbox using Javascript

Remove Owin from MVC 5 Application and use custom forms authentication

Source Code Beautifier And Format Source Code For Blogger and Websites

Email validation using regular expression in jQuery

Send bulk Email in using excel file