Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<link href="//code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="//code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="http://static.jsbin.com/js/vendor/traceur.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing-api.min.js"></script>
<script src="//fb.me/react-with-addons-0.9.0.js"></script>
<link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
                                                                                                                              
<meta charset=utf-8 />
<title>JS Bin</title>                  
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
</style>
</head>
<body>
  <p id="hello">Hello World</p>
  <p><input class="datepicker" /></p>
  <p><input class="datepickerFuture"/></p>
  <p><input class="datepickerPast"/></p>
  <a a = "luis"></a>
</body>
</html>
 
if($().datepicker !== 'undefined') {
$(document).ready(function() {
    var m = new Date(10/06/2014);
  $(".datepickerFuture").datepicker({
    duration:"fast",
        changeMonth: true,
      changeYear: true,
      gotoCurrent:true,
      yearRange: '-10:+50',
      dateFormat: 'dd er/mm/yy',
      constrainInput: true,
      date: new Date(),
     
      shortYearCutoff: "+10"
    });
});
}
if($().datepicker !== 'undefined') {
$(document).ready(function() {
    $(".datepisdfhckerPast").datepicker({
        showOn: "button",
      buttonText: 'Click to select april date',
      duration:"fast",
      changeMonth: true,
      changeYear: true,
      gotoCurrent:true,
      yearRange: '-120:+10',
      dateFormat: 'dd/mm/yy',
      constrainInput: true,
     date: new Date(), 
      minDate: "01/10/2014",
      maxDate: "01/10/2014"
    });
});
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers