Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

disable past dates on datepicker

How to disable past dates from the current date on a datetimepicker? I tried few posts for similar question but was unable to achieve it, Below is what I tried

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" media="screen"  href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css"> <script type="text/javascript"  src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script>  <script type="text/javascript"  src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"> </script> <script type="text/javascript"  src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"> </script> <script type="text/javascript"  src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js"> </script> <script type="text/javascript"> $(function() {   $('#datetimepicker2').datetimepicker({     language: 'en',     pick12HourFormat: true   }); }); </script>  <div id="datetimepicker2" class="input-append"> <input data-format="MM/dd/yyyy" type="text"/> <span class="add-on">   <i  data-date-icon="icon-calendar">   </i> </span> 

I also tried

$("datetimepicker2").datepicker({ changeYear: true, dateFormat: 'dd/mm/yy', showOn: 'none', showButtonPanel: true,  minDate:'0d' });  

and

$("#datetimepicker2").datepicker({ minDate: 0 }); 
like image 368
Anna Avatar asked Apr 02 '13 06:04

Anna


People also ask

How do I disable date range picker?

DateRangePicker can be inactivated on a page, by setting enabled value as false that will disable the component completely from all the user interactions including in form post.

How do I get rid of the current date in HTML?

You can add a min or max attribute to the input type=date . The date must be in ISO format (yyyy-mm-dd). This is supported in many mobile browsers and current versions of Chrome, although users can manually enter an invalid date without using the datepicker.


1 Answers

Give zero to mindate and it'll disabale past dates.

$( "#datepicker" ).datepicker({ minDate: 0}); 

here is a Live fiddle working example http://jsfiddle.net/mayooresan/ZL2Bc/

The official documentation is available here

like image 173
Jay Mayu Avatar answered Sep 19 '22 15:09

Jay Mayu