On click event of Calendar control navigate to Next page

Question

Hi All,
We have one requirement, we have one calendar control,in that calendar control on top of month,if we click it will navigate to another control and display entire month data.
If i click on May 2015 ,it will provide hyperlink and open in new page.
i tried in Day render event for calendar...But i did not get any solution..
can any one suggest me...
Thanks...

Answer 1

Hi Reddy,
From your description, my understanding is that you want to provide a hyperlink for the title of calendar.
You could accomplish your requirement with jQuery, please refer to this code below:
<script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
// please refer to this screenshot below to get your selector, and replace the google with your hyperlink
$("table[id$='Calendar1']>tbody>tr>td>table>tbody>tr>td[align='center']")[0].innerHTML = "<a href='http://www.google.com'>" + $("table[id$='Calendar1']>tbody>tr>td>table>tbody>tr>td[align='center']")[0].innerHTML + "</a>"
</script>
Please refer to the screenshot below to get your selector:
Best Regards,
Vincent Han
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]