Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<link href="http://www.primestudiosllc.com/css/reset.css" rel="stylesheet" type="text/css" media="screen" /> 
<link href="http://dev.primestudiosllc.com/riverbank/style.css" rel="stylesheet" type="text/css" media="screen" /> 
<script src="http://www.google.com/jsapi" type="text/javascript"></script> 
<script type="text/javascript">google.load("jquery", "1.3.2");google.load("jqueryui", "1.7.2");</script> 
<script type="text/javascript" language="javascript" src="http://dev.primestudiosllc.com/riverbank/calendar.js"></script> 
  
<style> 
td, th {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  width: 120px;
  padding: 10px 0;
  text-align: center;
}
 
table {
  border-right: 1px solid #999;
  border-top: 1px solid #999;
  margin-top:10px;
}
 
th {
  background: #666;
  color: #fff;
}
 
.other-month {
  background: #eee;
}
</style> 
</head> 
<body> 
 
<div style="width:100%; height:50px"></div> 
 
  <div id="slider-range-min" style="width:70%; margin:0 auto"></div> 
 
<div style="width:100%; height:30px"></div> 
 
<div id="calendar" style="width:70%; margin:0 auto"> 
  <p>Please enable Javascript to view this calendar.</p> 
</div> 
 
</body> 
</html>
 
  $(function() {
    $("#slider-range-min").slider({
      range: "min",
      value: 3,
      min: 1,
      max: 18,
      animate: true,
      slide: function(event, ui) {
        $("#calendar").calendarWidget({
          month: (ui.value % 12),
          year: 2010 + parseInt(ui.value/12, 10)             
         });
      }
    });
  
    $("#calendar").calendarWidget({
      month: 2,
      year: 2010              
     })
    ;});
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers