Add custom validation for datepicker

Question

How to add custom validation ("daterangerequired") of date range picker input controls to method $.validator.addMethod().

<div class="input-daterange input-group" autoclose="True" data-calendarWeeks="True" clearBtn="True" defaultSecoundDateStartFrom="10"  endDate="4/11/2019 3:30:40 PM" format="mm/dd/yyyy" orientation="auto" startDate="4/11/2015 3:30:40 PM" todayBtn="False" todayHighlight="True" data-val="true" id="Experience2" name="Experience2" placeholder="Select First Date"   type="text" **data-val-daterangerequired="The Experience2 field is required."**>
  <input class="form-control input-sm from_date" name="Experience2" placeholder="Select First Date" aria-invalid="false">
  <span class="input-group-addon">to</span>
  <input class="form-control input-sm to_date" name="Experience2" placeholder="Select Secound Date" aria-invalid="false">
</div>

Answer 1

you can try with this:

 $("#id").datepicker({
  onClose: function() {
    /* Validate a specific element: */
    $("form").validate().element("#birthdate");
   }
 });