<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="css/jquery.ui.all.css">
<script src="js/jquery-1.4.4.js"></script>
<script src="js/jquery.ui.core.js"></script>
<script src="js/jquery.ui.datepicker.js"></script>
<link rel="stylesheet" href="css/demos.css">
</head>
<body>
<div class="demo">
<p>firstDate:<input type="text" id="datepicker"></p>
</div><!-- End demo -->
<div class="demo-description">
</div><!-- End demo-description -->
<div class="demo">
<p>endDate:<input type="text" id="datepicker1"></p>
</div><!-- End demo -->
<div class="demo-description">
</div><!-- End demo-description -->
<hr />
<div class="demo">
<input type="text" id="from" name="from"/>
<input type="text" id="to" name="to"/>
</div><!-- End demo -->
</body>
<script>
/*
$(function() {
$( "#datepicker" ).datepicker({ dateFormat: 'yy-mm-dd', maxDate: "+0m +0w" }).change(function(){
$("#datepicker1").datepicker({ dateFormat: 'yy-mm-dd', maxDate: "+0m +0w" }).change(function(){
if($(this).val()<$( "#datepicker" ).val()){
$(this).val("").focus();
}
}).attr("disabled",false);
});
$("#datepicker1").attr("disabled",true);
//$("#datepicker1").datepicker({dateFormat: 'yy-mm-dd', minDate: new Date(date.getFullYear(),date.getMonth(),date.getDate())});
//settervar maxDate = $( "#datepicker" ).datepicker( "option", "maxDate" );
//alert($( "#datepicker" ).datepicker( "option", "maxDate" ));
//$( "#datepicker1" ).datepicker( "option", "maxDate", '+0m +0w' );
});*/
/*
--1--
function getDate(firstDate,endDate){
$(firstDate).datepicker({ dateFormat: 'yy-mm-dd', maxDate: "+0m +0w" }).change(function(){
$(endDate).datepicker({ dateFormat: 'yy-mm-dd', maxDate: "+0m +0w" }).change(function(){
if($(this).val()<$(firstDate).val()){
alert("日期不符合标准,请重新选择!");
$(this).val("");
}
}).attr("disabled",false);
});
$(endDate).attr("disabled",true);
}
getDate("#datepicker","#datepicker1"); */
/*
--2--
*/
function getDate(endDate,info){
var dates = $(info).datepicker({
dateFormat: 'yy-mm-dd',
maxDate: "+0m +0w",
onSelect: function( selectedDate ) {
var option = this.id == endDate ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" );
date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings );
dates.not(this).datepicker( "option", option, date );
}
});
}
getDate("from","#from,#to");
</script>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
用jquery实现比较好用的日历组件
共61个文件
png:26个
gif:14个
css:12个
5星 · 超过95%的资源 需积分: 9 16 下载量 122 浏览量
2011-02-21
13:43:54
上传
评论
收藏 213KB RAR 举报
温馨提示
比较好用的日历组件,里面原先是英文的年月日,我现在已经将他们的模版已经修改过了!在里面有个日历组件有个时间范围的校验。
资源推荐
资源详情
资源评论
收起资源包目录
比较好用的日历组件.rar (61个子文件)
比较好用的日历组件
css
jquery.ui.core.css 1KB
jquery.ui.datepicker.css 4KB
jquery.ui.all.css 290B
jquery.ui.base.css 75B
jquery.ui.theme.css 19KB
demos.css 14KB
default.html.bak 1KB
default.html 1KB
images
ui-icons_cd0a0a_256x240.png 4KB
demo-spindown-open.gif 105B
ui-bg_highlight-soft_75_cccccc_1x100.png 101B
ui-bg_glass_75_dadada_1x400.png 111B
ui-bg_glass_55_fbf9ee_1x400.png 120B
ui-icons_454545_256x240.png 4KB
demo-spindown-closed.gif 103B
ui-icons_222222_256x240.png 4KB
ui-icons_888888_256x240.png 4KB
demo-config-on-tile.gif 172B
icon-docs-info.gif 206B
demo-config-on.gif 335B
ui-bg_flat_75_ffffff_40x100.png 178B
calendar.gif 269B
ui-bg_glass_75_e6e6e6_1x400.png 110B
ui-bg_flat_0_aaaaaa_40x100.png 180B
ui-bg_glass_95_fef1ec_1x400.png 119B
pbar-ani.gif 8KB
ui-icons_2e83ff_256x240.png 4KB
ui-bg_glass_65_ffffff_1x400.png 105B
js
jquery-1.4.4.js 179KB
jquery.ui.core.js 8KB
jquery.ui.datepicker.js 72KB
日历组件
css
jquery.ui.core.css 1KB
jquery.ui.datepicker.css 4KB
jquery.ui.all.css 290B
jquery.ui.base.css 75B
jquery.ui.theme.css 19KB
demos.css 14KB
default.html 3KB
images
ui-icons_cd0a0a_256x240.png 4KB
demo-spindown-open.gif 105B
ui-bg_highlight-soft_75_cccccc_1x100.png 101B
ui-bg_glass_75_dadada_1x400.png 111B
ui-bg_glass_55_fbf9ee_1x400.png 120B
ui-icons_454545_256x240.png 4KB
demo-spindown-closed.gif 103B
ui-icons_222222_256x240.png 4KB
ui-icons_888888_256x240.png 4KB
demo-config-on-tile.gif 172B
icon-docs-info.gif 206B
demo-config-on.gif 335B
ui-bg_flat_75_ffffff_40x100.png 178B
calendar.gif 269B
ui-bg_glass_75_e6e6e6_1x400.png 110B
ui-bg_flat_0_aaaaaa_40x100.png 180B
ui-bg_glass_95_fef1ec_1x400.png 119B
pbar-ani.gif 8KB
ui-icons_2e83ff_256x240.png 4KB
ui-bg_glass_65_ffffff_1x400.png 105B
js
jquery-1.4.4.js 179KB
jquery.ui.core.js 8KB
jquery.ui.datepicker.js 72KB
共 61 条
- 1
资源评论
- 航向心中的梦想2013-05-07感觉不太好用
- lxllb82013-05-12东西很可观,值得学习
- fujingjing05262012-12-07还行吧,不过不是我想要的
gyc328
- 粉丝: 0
- 资源: 8
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功