jQuery UI datepicker validation based on the year

Question

I need to get an error when the user selects the year 2016 in my calendar UI date-picker. I'm using jQuery plugins for error messages. This is my script:

$(document).ready(function(){
    $("#datepicker").click(function(){

        $("#datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: "1930:2016",
            dateFormat : 'dd-mm-yy'
        });

        $( "#datepicker" ).datepicker("show");
    });
});

This is my HTML:

<div class="row">
    <div class="col-sm-4">
        <div class="form-group field-user-user_dob has-success">
            <label class="control" for="user-user_dob">Date of Birth</label>
            <input type="text" id="datepicker" class="form-control" name="datepicker" readonly size="12">
            <div class="help-block"></div>
        </div>
    </div>
</div>

Community · Accepted Answer · 2017-05-23 12:25:45Z

5

You can find the selected year on the datepicker using the solution written here. After finding the date you can check that and throw an error message as well.

In another sense, you can get the total value and extract the year from the value (as you are defining the deatFormat). And you can through error depending on that.

Hope it helps..:)

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Nov 3, 2016 at 9:56

masud_moni

1,30619 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery UI datepicker validation based on the year

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related