Skip to content

Instantly share code, notes, and snippets.

@azec-pdx

azec-pdx/gist:4475963

Created January 7, 2013 15:45
Show Gist options
  • Save azec-pdx/4475963 to your computer and use it in GitHub Desktop.
Save azec-pdx/4475963 to your computer and use it in GitHub Desktop.
Download ZIP
Monthpicker code.
Raw
gistfile1.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
<link rel="stylesheet" type="text/css" media="screen" href="billing.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="jqueryMonthpicker.js"></script>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="billing-container">
<div class="bill-box">
<div class="box-header">
</div>
<div class = "box-separator"></div>
<div class="box-body">
<img src="phone.png" alt="Phone" class="my-img" />
<span class="text-img">033213068</span>
<img src="coins.png" alt="Racun" class="my-img" />
<span class="text-img">10 KM</span>
<img src="datepicker.png" alt="Date" id="picker-btn" class="my-img"/>
<input class="mpicker">
</div>
</div>
</div>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
options = {
pattern: 'yyyy-mm',
selectedYear: 2013,
startYear: 2012,
finalYear: 2013,
//openOnFocus: false,
monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'Maj', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec']
};
$('.mpicker').monthpicker(options);
/*
$('#picker-btn').bind('click', function () {
$('.mpicker').monthpicker('show');
});
*/
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment