<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>个人值班表</title>
    <link href="/css/webht/bootstrap.min.css" rel="stylesheet">
    <link href="/css/nav/nav.css?v=20150723" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="/js/lyydate/skins/default/laydate.css">
    <script src="/min?f=/js/jquery.min.js,/js/bootstrap.min.js,/js/navigation.js"></script>
	<!--[if lt IE 9]>
	<script src="/js/respond.min.js" type="text/javascript"></script>
	<![endif]-->
	<style type="text/css">
		.laydate_body .laydate_table{border: none !important;}
		.laydate_body .laydate_top{border-left: none !important;border-right: none !important;}
		.laydate_body .laydate_top,.laydate_body .laydate_ym{background-color: #f66 !important;}
		.laydate_body .laydate_ym{border: 1px solid #f66;}
		.laydate_body .laydate_table thead{background: #f66 !important;}
		.laydate_body .laydate_table td{border: none;border-bottom: 1px solid #e8e8e8;}
		.laydate_body .laydate_bottom{border: none !important;}
		.laydate_body .laydate_click {background-color: #f66!important;border-radius: 25px;}
	</style>
</head>
<body style="height:500px;">

<div class="laydate-icon" id="datepickers"></div>

<script src="/js/lyydate/jquery.lyydate.min.js"></script>
<script>
$(document).ready(function()
{
	$('#datepickers').lyydatepicker({
		event:"static",
		language:"zh",
		row_height:"48px",
		remarks:'<?php echo $datelist; ?>',
		date_description:"标注有“值班”的日期就是需要你值班的日期",
		changeMonth: false,
      	changeYear: false
	});
});
</script>
</body>
</html>