Starting November 20, the site will be set to read-only.
On December 4, 2023,
Apex Code Development (90768)
General Development (55146)
Visualforce Development (37251)
Lightning (18265)
APIs and Integration (17146)
Trailhead (11680)
Formulas & Validation Rules Discussion (11337)
Other Salesforce Applications (8116)
Jobs Board (6655)
Force.com Sites & Site.com (4842)
Mobile (2694)
You need to sign in to do that
Don't have an account?
SRILAKSHMI B Hi All,
I am creating Visualforce page for customer portal.I want to create a date input field for which user should be able to pick the date from the calendar pop up.
Can anyone please suggest or provide code sample to acheive this.
Thanks,
Srilakshmi
Hi,
Try the below code snippet as reference.
=======vf=========
<apex:page controller="DatePickerDEmo2">
<apex:form id="myForm">
<script>
function DynamicDatePicker(d_id)
{
DatePicker.pickDate(false,d_id.id,false);
}
</script>
<table>
<tr><td>DatePicker From JavaScript</td><td><apex:inputText value="{!d_date_str}" id="t" onfocus="DynamicDatePicker(this);" onchange="checkDateFormatt(this.id);" size="20" disabled="false" style="width:150px;"/></td></tr>
<tr><td>DatePicker From Input Field</td><td><apex:inputField value="{!c.Birthdate}"/></td></tr>
</table>
</apex:form>
</apex:page>
========Apex Controller=========
public class DatePickerDEmo2 {
public String d_date_str{get;set;}
public Contact c{get;set;}
public DatePickerDEmo2()
{
c=new Contact();
}
}
Did this answer your question? If not, let me know what didn't work, or if so, please mark it solved.
All Answers
Hi,
Try the below code snippet as reference.
=======vf=========
<apex:page controller="DatePickerDEmo2">
<apex:form id="myForm">
<script>
function DynamicDatePicker(d_id)
{
DatePicker.pickDate(false,d_id.id,false);
}
</script>
<table>
<tr><td>DatePicker From JavaScript</td><td><apex:inputText value="{!d_date_str}" id="t" onfocus="DynamicDatePicker(this);" onchange="checkDateFormatt(this.id);" size="20" disabled="false" style="width:150px;"/></td></tr>
<tr><td>DatePicker From Input Field</td><td><apex:inputField value="{!c.Birthdate}"/></td></tr>
</table>
</apex:form>
</apex:page>
========Apex Controller=========
public class DatePickerDEmo2 {
public String d_date_str{get;set;}
public Contact c{get;set;}
public DatePickerDEmo2()
{
c=new Contact();
}
}
Did this answer your question? If not, let me know what didn't work, or if so, please mark it solved.
Thank you it worked.