Start End Datetime picker with validation

Very useful jQuery script to validate Date range with time picker while you going to offer provision to site user to fill Start Date and End Date and end date must greater than the Start date. Please take a look to below jQuery script that allow you same thing. with select date and time DateTimePicker jQuery plugin you can use below script very easy.

   $('#offer_start').datetimepicker({
    format:'Y-m-d',
    onShow:function( ct ){
     var start = $('#offer_expire').val();
     var maxDate = false;
     var minDate = false;
     var range = $('#offer_start').data('range');
     if( start !== '' ){
      var date = new Date( start );
      date.setDate( date.getDate() - 1 );
      maxDate = date.getFullYear() +'/'+ (date.getMonth()+1) +'/'+ date.getDate();
      if( range !== '' ){
       date.setDate( date.getDate() - range );
       minDate = date.getFullYear() +'/'+ (date.getMonth()+1) +'/'+ date.getDate();
      }
     }   
     this.setOptions({
      maxDate: maxDate,
      minDate: minDate
     });
    },
    timepicker:false
   });

   $('#offer_expire').datetimepicker({
    format:'Y-m-d',
    onShow:function( ct ){
     var start = $('#offer_start').val();
     var maxDate = false;
     var minDate = false;
     var range = $('#offer_expire').data('range');
     if( start !== '' ){
      var date = new Date( start );
      date.setDate( date.getDate() + 1 );
      minDate = date.getFullYear() +'/'+ (date.getMonth()+1) +'/'+ date.getDate();
      if( range !== '' ){
       date.setDate( date.getDate() + range );
       maxDate = date.getFullYear() +'/'+ (date.getMonth()+1) +'/'+ date.getDate();
      }    
     }
     
     this.setOptions({
      maxDate: maxDate,
      minDate: minDate
     });
    },
    timepicker:false
   }); 

   

Post a Comment

0 Comments