Activity › Forums › Salesforce® Discussions › Salesforce Visualforce Page - Disable previous date in calendar

Tagged: , , ,

  • Salesforce® Discussions

    Salesforce Visualforce Page - Disable previous date in calendar

    Posted by Atul on June 19, 2017 at 12:01 pm

    VF Page-

    <apex:page showHeader="false" controller="Test4">
    <head>
    <apex:stylesheet value="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <apex:includeScript value="https://code.jquery.com/jquery-1.9.1.js" />
    <apex:includeScript value="https://code.jquery.com/ui/1.10.3/jquery-ui.js" />
    </head>

    <script>
    var today = new Date();
    $("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    minDate: today
    });
    </script>
    <apex:form >
    <apex:pageBlock >
    <apex:selectList value="{!selectId}" size="1">
    <apex:selectOptions value="{!displayOptions}"></apex:selectOptions>
    <apex:actionSupport event="onchange" action="{!changeDateRange}" reRender="calender"/>
    </apex:selectList>
    <input type="text" id="datepicker"/>
    </apex:pageBlock>
    </apex:form>
    </apex:page>

     

    Controller-

    public class Test4 {

    public List<selectoption> displayOptions { get; set; }
    public String selectId { get; set; }
    public Date myDate {get;set;}

    public PageReference changeDateRange() {
    myDate = Date.today();
    if(selectId.equals('10')){
    myDate = myDate.addDays(10);
    } else if(selectId.equals('20')){
    myDate = myDate.addDays(20);
    }
    return null;
    }

    public test4()
    {
    myDate = Date.today();
    displayOptions =new List<selectoption>();
    displayOptions.add(new selectoption('none','-select-'));
    displayOptions.add(new selectoption('10','Next 10 Days'));
    displayOptions.add(new selectoption('20','Next 20 Days'));
    }

    }

     

    I want to disable previous date in calendar but its not working.

    Atul replied 7 years, 5 months ago 2 Members · 2 Replies
  • 2 Replies

  • Nisar

    Member
    June 19, 2017 at 8:49 pm

    Please put your script in Document ready method of jquery or use window.onload .

    Ex.

    <script>
    $(document).ready(function() {
    var today = new Date();
    $("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    minDate: today
    });
    });
    </script>

  • Atul

    Member
    June 20, 2017 at 4:47 am

    I try this but not working

Log In to reply.

Popular Salesforce Blogs

Popular Salesforce Videos

Report

Harassment or bullying behavior
Harassment or bullying behavior
Contains mature or sensitive content
Contains misleading or false information
Mobile App Reported Contents
Contains abusive or derogatory content
Contains spam, fake content or potential malware

Block Member?

Please confirm you want to block this member.

You will no longer be able to:

  • See blocked member's posts
  • Mention this member in posts
  • Invite this member to groups
  • Message this member
  • Add this member as a connection

Please note: This action will also remove this member from your connections and send a report to the site admin. Please allow a few minutes for this process to complete.

Report

You have already reported this .