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
Then add following function in html file
create custom Jquery function
Use function in html
Thats it! enjoy
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
Post a Comment