date time picker fetch in javascript and user control RSS

• • Reply
  

  Kannandesika...

  Member

  368 Points

  764 Posts

  date time picker fetch in javascript and user control

  Jan 24, 2012 08:29 AM|LINK

  Hi, iam using jquery datetime picker, i got the selected date, but i need pass the date in my user control and show in full calender control

  $(document).ready(function () {
  
  
      $('#datepicker').datepicker({
  
          inline: true,
          onSelect: function (dateText, inst) {
              var d = new Date(dateText);
              $('#calendar').fullCalendar('gotoDate', d);
              selectedDate = d;
  
              $("#thick").click();
          }
      });
  });

  my user control page

  <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Calender.ascx.cs" Inherits="WCP.Controls.Calender" %>
  <link href ="../CSS/Site.css"  rel="Stylesheet" type ="text/css"  />
      <link href ="../CSS/jquery-ui-1.7.2.custom.css" rel="Stylesheet" type ="text/css" />
      <link href ="../CSS/fullcalendar.css" rel="Stylesheet" type ="text/css" />
       <link href ="../CSS/thickbox.css" rel="Stylesheet" type = "text/css" />
        <link href="../CSS/global.css" rel="Stylesheet" type ="text/css" />
        <script type ="text/javascript"  src ="../Scripts/jquery-1.1.3.1.pack.js"  ></script>
       <script type ="text/javascript" src ="../Scripts/jquery-1.3.2.min.js" ></script>
      <script type ="text/javascript" src ="../Scripts/jquery-ui-1.7.2.custom.min.js" ></script>
      <script type ="text/javascript" src="../Scripts/fullcalendar.min.js"    ></script>
      <script type ="text/javascript" src="../Scripts/fullcalendar.js"  ></script>
        <script  type ="text/javascript" src ="../Scripts/thickbox-compressed.js"  ></script>
        <script type ="text/javascript" src ="../Scripts/json2.js" ></script>
        <link href ="CSS/Site.css" rel="Stylesheet" type ="text/css"  />
       
   <script language="javascript">
  
  
       
  
       
  
       $(document).ready(function () {     --- my selected date should reflect here
   
           $('#calendar').fullCalendar({
               theme: false,
               header: {
                   left: 'prev',
                   right: 'next',
                   center: 'title'
  
               },
  
  
  
  
               events: '/webcalender.ashx',
            
               dayClick: function (date, allDay, jsEvent, view) {
  
                   // change the day's background color just for fun
                   $(this).css('background-color', 'red');
  
               }
           });
  
       });
  
      
          </script>
       
  
      
   
      <div id='calendar' " width:800px; height:600px "></div>   
     
  
  

  Regards,
  Kannandesikan
  • Edited by Kannandesikan on Jan 24, 2012 08:29 AM