easyui 月历

最新推荐文章于 2024-01-25 15:08:40 发布

sky丁

最新推荐文章于 2024-01-25 15:08:40 发布

阅读量1.3k

点赞数

分类专栏： UI javascript 文章标签： JavaScript easyui

本文链接：https://blog.csdn.net/zchunhe/article/details/40460249

版权

javascript 同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

10 篇文章 0 订阅

订阅专栏

<pre name="code" class="html"><!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>DateBox Buttons - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<h2>DateBox Buttons</h2>
	<p>This example shows how to customize the datebox buttons underneath the calendar.</p>
	<div style="margin:20px 0;"></div>
	<input id="my_date" type="text"/> 
	<input class="easyui-datebox" ></input>
	<input type="button" id="btn"/> 
	<script>
	$('#btn').click(function(){
		alert($('#my_date').datebox('getValue'));
	});

<pre name="code" class="javascript">//创建月历
	function createDateBox(id){
				$('#'+id).datebox({
				currentText:'',
				editable:false,	
				onHidePanel:function(){
					var cur_date = $('#'+id).datebox('getValue');
					if(!JsUtil.strIsTrue(cur_date)){
						var date = new Date();
						var y = date.getFullYear();
						var m = date.getMonth()+1;
						 cur_date = y+(m<10?'0':'')+m;						
					}
					$('#'+id).datebox('setValue',cur_date);
				},
				onShowPanel:function(){
					var cur_date = $('#'+id).datebox('getValue');
					if(!JsUtil.strIsTrue(cur_date)){
						var date = new Date();
						var y = date.getFullYear();
						var m = date.getMonth()+1;
						var str = y+(m<10?'0':'')+m;
						$('#'+id).datebox('setValue',str);
					}
					$('.calendar-title span').click();
					$(".calendar-menu-month").unbind('click');
					$(".calendar-menu-month").click(function(){
						var year = $('.calendar-menu-year').val(),
						month = $(this).attr('abbr');
						month = month < 10 ? '0'+month : month;
						$('#'+id).datebox('setValue',year+month);
						$('#'+id).datebox('hidePanel');
					}); 
				},
				formatter:function(date){
						var y = date.getFullYear();
						var m = date.getMonth()+1;
						var d = date.getDate();
						var str = y+(m<10?'0':'')+m;
						return str;
					}
				,parser:function(s){
					if (!s || s.length < 6) return new Date();
					var ss = (s.split('-'));
					var y = parseInt(s.substring(0,4),10);
					var m = parseInt(s.substring(4,6),10);
					var d = parseInt(s.substring(6),10);
					if (!isNaN(y) && !isNaN(m) ){
						return new Date(y,m-1,1);
					} else {
						return new Date();
					}
				}
			});
			var date = new Date();
			var y = date.getFullYear();
			var m = date.getMonth();
			var str = y+(m<10?'0':'')+m;
			$('#'+id).datebox('setValue',str);
	}