Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › General / Announcements › PHP and MySQL › datepicker display selected day of week on different area of page

datepicker display selected day of week on different area of page

Thread began 8/27/2014 2:56 pm by Jason | Last modified 8/28/2014 12:33 pm by Jason | 11149 views | 9 replies |

8/27/2014 2:56 pm | #1 Jason

datepicker display selected day of week on different area of page

I'm trying to using datepicker in a form to insert a date in my database formatted as a MySQL date but I also need to display the day of the week for the selected date in a different area of my page. How can I show only the selected day (Monday, Tuesday, etc..) in another area?

8/27/2014 3:30 pm | #2 Jason ByrnesWebAssist

I Don't follow, please provide more details

8/27/2014 4:08 pm | #3 Jason

For example, after selecting a date in the datepicker it displays Thursday, August 28 2014. I want to display "Thursday" after another field in the same form.

Similar to what google calendar does when you are creating a weekly recurring event and you select Wednesday. At the bottom it would say "repeats every week on Wednesday".

8/27/2014 4:18 pm | #4 Jason ByrnesWebAssist

This would require hand coding, I Found an example of this through google here:
http://www.danielmayor.com/jquery-get-day-of-week-from-jquery-ui-datepicker-when-we-select-a-date

but we do not offer support for this through the forum. if you nee help implementing this, I suggest a premiere support appointment:
http://www.webassist.com/premier_request.php

8/27/2014 4:30 pm | #5 Jason ByrnesWebAssist

I Put together a quick example using the linked page:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link type="text/css" href="webassist/datepicker/untitled1_datepicker_1/jquery-ui.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function(){
	$('#datepicker_1').datepicker({
		dateFormat: 'mm/dd/yy',
		showAnim: 'show',
		onSelect: function(dateText){
        var seldate = $(this).datepicker('getDate');
        seldate = seldate.toDateString();
        seldate = seldate.split(' ');
        var weekday=new Array();
            weekday['Mon']="Monday";
            weekday['Tue']="Tuesday";
            weekday['Wed']="Wednesday";
            weekday['Thu']="Thursday";
            weekday['Fri']="Friday";
            weekday['Sat']="Saturday";
            weekday['Sun']="Sunday";
        var dayOfWeek = weekday[seldate[0]];
        $('#dayOfWeekSpan').html("You selcted "+dayOfWeek+"");
		},
		onClose: closeDatePicker_datepicker_1
	});
});
function closeDatePicker_datepicker_1() {
	var tElm = $('#datepicker_1');
	if (typeof datepicker_1_Spry != null && typeof datepicker_1_Spry != "undefined" && test_Spry.validate) {
		datepicker_1_Spry.validate();
	}
	tElm.blur();
}


</script>
</head>

<body>
<input id="datepicker_1" name="test" type="text" />

<span id="dayOfWeekSpan"></span>
</body>
</html>

if you need further help adapting this, please submit a premier support request:
http://www.webassist.com/premier_request.php

8/28/2014 7:47 am | #6 Jason

Once again YOU DA MAN!! Thanks! That was exactly what I needed.

8/28/2014 7:47 am | #7 Jason ByrnesWebAssist

you're welcome.

8/28/2014 11:54 am | #8 Jason

I know I'm pushing my luck here but I have one more question on this thread.

Is it possible to assign a value to the text in the span, and then submit that value with my form?

For example, if "Wednesday" was displayed in the span it would have a hidden value of 3, and 3 would be entered into a specified column of my database when the form was submitted.

I didn't know if something like this would work in the function or not.

var weekday=new Array();
            weekday['Mon']="Monday";
            weekday['Tue']="Tuesday";
            weekday['Wed']="Wednesday" value="0";
            weekday['Thu']="Thursday";
            weekday['Fri']="Friday";
            weekday['Sat']="Saturday";
            weekday['Sun']="Sunday";

8/28/2014 12:15 pm | #9 Jason ByrnesWebAssist

that would require further custom coding that is not supported.

please submit a premier support request:
http://www.webassist.com/premier_request.php

8/28/2014 12:33 pm | #10 Jason

Ok, thanks.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.