Print Date in text format after picking from Grav Form datepicker WordPress

Hariprasad Vijayan answers:

Hi,

Try this in javascript file

jQuery( document ).ready( function() {
document.getElementById("input_1_1").onchange = function() {fun_display_date()};
function fun_display_date() {
var x = document.getElementById("input_1_1");
var weekday = new Array(7);
weekday[0]= "Sunday";
weekday[1] = "Monday";
weekday[2] = "Tuesday";
weekday[3] = "Wednesday";
weekday[4] = "Thursday";
weekday[5] = "Friday";
weekday[6] = "Saturday";
var month = new Array();
month[0] = "January";
month[1] = "February";
month[2] = "March";
month[3] = "April";
month[4] = "May";
month[5] = "June";
month[6] = "July";
month[7] = "August";
month[8] = "September";
month[9] = "October";
month[10] = "November";
month[11] = "December";
var d = new Date(x.value);
var w = weekday[d.getDay()];
var m = month[d.getMonth()];
suffix = '';
switch(d.getDate()) {
case '1': case '21': case '31': suffix = 'st'; break;
case '2': case '22': suffix = 'nd'; break;
case '3': case '23': suffix = 'rd'; break;
default: suffix = 'th';
}

jQuery(x).parent().append(w+', '+ m + ' ' + d.getDate()+suffix+', '+d.getFullYear());
}
});

replace <em>input_1_1</em> with your datepicker input box id.


Regards,
Hari