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

  • 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, 6 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