You need to sign in to do that
Don't have an account?

create a weekly view for the date selected using date picker
i have a date picker for fromdate and todate and want to display a weekly view for it when search button is clicked. can anyone help me to do the same..i am attaching the pic as how should it look like:

m uploading my code in which i have implemented the calender and now i want to be able to edit and input some information when i go to particular date. like enter time, location etc which are the fields of my object and on clicking save it should save in the object.
<apex:page controller="mycontroller" docType="html-5.0" sidebar="false">
<apex:form >
<apex:pageBlock >
<apex:pageBlockSection columns="3">
<apex:input type="date" value="{!date1}" label="Start Date:" required="true"/>
<apex:input type="date" value="{!date2}" label="End Date:" required="true"/><br/>
<apex:inputCheckbox value="{!CurrentWeekView}" label="CurrentWeekView"/>
<apex:inputCheckbox value="{!LastWeekView}" label="LastWeekView"/>
<apex:inputCheckbox value="{!CustomizeView}" label="CustomizeView"/><br/>
<apex:commandButton value="Display" action="{!display}" />
</apex:pageBlockSection>
<apex:pageBlockSection >
<apex:outputPanel id="Current" rendered="{!Current}">
<div align="center">
<div class="bCalendar">
<table class="calendarMView" rules="all">
<thead class="calHeader">
<tr class="headerRow">
<apex:repeat var="wk" id="foreachWeek1w">
<th class="calDays">
<font color="white">ABC</font>
</th>
</apex:repeat>
</tr>
</thead>
</table>
</div>
</div>
</apex:outputPanel>
<apex:outputPanel id="Last" rendered="{!Last}">
<p>This is LAst Week View </p>
</apex:outputPanel>
<apex:outputPanel id="Customize" rendered="{!Customize}">
<p>This is CustomizeWeek View </p>
</apex:outputPanel>
</apex:pageBlockSection>
</apex:pageBlock>
</apex:form>
</apex:page>
controller:
public class mycontroller {
public Boolean CurrentWeekView{ get; set; }
public Boolean LastWeekView{ get; set; }
public Boolean CustomizeView{ get; set; }
public String date2 { get; set; }
public String date1 { get; set; }
public Boolean Current{get; set;}
public Boolean Last{get; set;}
public Boolean Customize{get; set;}
public mycontroller() {}
public PageReference display() {
if(CurrentWeekView==true)
{
Current=true;
Last=false;
Customize=false;
}
if(LastWeekView==true)
{
Current=false;
Last=true;
Customize=false;
}
if(CustomizeView==true)
{
Current=false;
Last=false;
Customize=true;
}
return null;
}
}