var d = new Date();

var month = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];



var date = d.getDate() +   + month[d.getMonth()] + ,  + d.getFullYear();

var time = d.toLocaleTimeString().toLowerCase();



console.log(date +  at  + time);

// 6 Jul, 2014 at 1:35:35 pm

Or you can have a function

var my_date_format = function(d){

    var month = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

    var date = d.getDate() +   + month[d.getMonth()] + ,  +  d.getFullYear();

    var time = d.toLocaleTimeString().toLowerCase();

    return (date +  at  + time); 

}(new Date());

Usage:

console.log(my_date_format);

2nd solution

var my_date_format = function(input){

    var d = new Date(Date.parse(input.replace(/-/g, /)));

    var month = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

    var date = d.getDate() +   + month[d.getMonth()] + ,  + d.getFullYear();

    var time = d.toLocaleTimeString().toLowerCase().replace(/([d]+:[d]+):[d]+(sw+)/g, $1$2);

    return (date +   + time);  

};



console.log(my_date_format(2014-07-12 11:28:13));

// output 6 Jul, 2014 11:28 am

Check the jsBin

Extra note: Some of date formats aren't supported in all browsers!

// 2014/07/12      -> yyyy/mm/dd [IE, FF, Chrome]

// 07-12-2014      -> mm-dd-yyyy [IE, Chrome]

// July 12, 2014;  -> mmmm dd, yyyy [IE, FF]

// Jul 12, 2014;   -> mmm dd, yyyy [IE, FF]