- 浏览: 1287571 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
yaolixing01:
他山界面开发框架 v22是一套基于Gecko v22 的开源收 ...
Mozilla FireFox Gecko内核源代码解析(3.nsScanner) -
夏雪纷纷:
感谢博主的分享,好东西啊,哈哈哈,收走了一些,谢谢啊哦,对了, ...
DevExpress DXperience Universal 11.1.6 下载+源码+编译+汉化流程+升级+替换强名 -
夏雪纷纷:
最近有个对于DXperience 2013新功能发布、重难点技 ...
TextEdit非空验证设置 DXperience学习笔记 -
bosschen:
我自己把问价加密,密码为为123456,是rar文件。然后用各 ...
30秒破解所有密码 -
sword319:
现在才发现为什么自己这么苦逼了...哗哗的全是泪啊.. ...
为什么我们程序员晋升要这么难!
一个不错的Jquery日期文本框选择控件
/*
* $-color 0.1 - New Wave Javascript
*
* Copyright (c) 2008 King Wong
* $Date: 2008-10-3 $
*/
(function($){
var ___d = new Date();
var ___tem___ = ___d.getTime();
var _sobj;
$.extend({
selectDateSettings:{
date:___d.getFullYear()+"-"+(___d.getMonth()+1)+"-"+___d.getDate(),
startYear:___d.getFullYear()-20,
endYear:___d.getFullYear()+5,
dateFormat:"yyyy-mm-dd",
target:window.self
},
selectDateSetup: function( settings ) {
$.extend( $.selectDateSettings, settings );
}
})
$.fn.extend({
selectDate:function(){
var _d = new Date();
//var ___tem___ = _d.getTime();
var nowDate = eval("new Date("+$.selectDateSettings.date.replace(new RegExp("-","gm"),",")+")");
nowDate.setMonth(nowDate.getMonth()-1);
return this.each(function(){
var __showDate = function(_obj)
{
var _strYear = new Array();
var _strMonth = new Array();
var _mon = new Array('Jan','Feb','Mar','Apr','May','June','July','Aug','Sep','Oct','Nov','Dec');
var _left = parseInt($(_obj).offset().left);
var _top = parseInt($(_obj).offset().top);
var _width = parseInt($(_obj).width());
var _height = parseInt($(_obj).height());
var _maxindex = function(){
var ___index = 0;
$.each($("*",$.selectDateSettings.target.document),function(i,n){
var __tem = $(n,$.selectDateSettings.target.document).css("z-index");
if(__tem>=0)
{
if(__tem >= ___index)
{
___index = __tem + 1;
}
}
});
return ___index;
}();
for(var i = 0 ; i < 12 ; i++)
{
if(i == nowDate.getMonth())
{
_strMonth.push('<option value="'+(i+1)+'" selected="selected">'+_mon[i]+'</option>');
}
else
{
_strMonth.push('<option value="'+(i+1)+'">'+_mon[i]+'</option>');
}
}
for(var j = $.selectDateSettings.startYear ; j <= $.selectDateSettings.endYear ; j++)
{
if(j == nowDate.getFullYear())
{
_strYear.push('<option value="'+j+'" selected="selected">'+j+'</option>');
}
else
{
_strYear.push('<option value="'+j+'">'+j+'</option>');
}
}
var getDayStr = function(y,m)
{
var year;
var month;
var nextyear;
var nextmonth;
if(y=="" || y==undefined)
{
year = parseInt($("select[id=year_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val());
month = parseInt($("select[id=mon_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val());
}
else
{
year = parseInt(y);
month = parseInt(m);
}
if(year==0){
year = nowDate.getFullYear();
month = nowDate.getMonth()+1;
}
var _selectD;
if(month==0){
_selectD = new Date(year-1,11,1);
}else{
_selectD = new Date(year,month-1,1);
}
if(month==12){
nextyear = year+1;
nextmonth = 0;
}
else
{
nextyear = year;
nextmonth = month;
}
var _nextD = new Date(nextyear,nextmonth,1);
var __day = parseInt(Math.abs(_nextD - _selectD) / 1000 / 60 / 60 /24);
var __str__ = new Array();
__str__.push('<tr>');
for(var ii = 0 ; ii < _selectD.getDay(); ii++)
{
__str__.push('<td width="22" align="center" valign="middle" bgcolor="#EDF2FC"> </td>');
}
for(var nn = 1 ; nn <= __day; nn++)
{
var _DD_ = new Date(year,month-1,nn);
__str__.push('<td width="22" align="center" valign="middle" style="cursor:pointer; background-color:#EDF2FC;" mce_style="cursor:pointer; background-color:#EDF2FC;" class="king_date_css" onmouseover="this.style.backgroundColor=/'red/';" onmouseout="this.style.backgroundColor=/'#EDF2FC/';">'+nn+'</td>');
if(_DD_.getDay()==6)
{
__str__.push('</tr>');
if(nn<__day)
{
__str__.push('<tr>');
}
}
}
var __NN__ = _selectD.getDay() + __day;
var __mod__ = __NN__%7
if(__mod__!=0){
for(var mm = 0 ; mm < (7-__mod__) ; mm++)
{
__str__.push('<td width="22" align="center" valign="middle" bgcolor="#EDF2FC"> </td>');
}
__str__.push('</tr>');
}
return '<table cellpadding="0" style="margin:0 auto; width:150px;" cellspacing="1" style="background-color:#CCCCCC; font-size:12px;" mce_style="background-color:#CCCCCC; font-size:12px;"><tr><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">日</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">一</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">二</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">三</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">四</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">五</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">六</td></tr>'+__str__.join("")+'</table>';
}
var __changeDate = function()
{
$("#daystr_"+___tem___,$.selectDateSettings.target.document).empty();
$("#daystr_"+___tem___,$.selectDateSettings.target.document).append(getDayStr());
$(".king_date_css",$.selectDateSettings.target.document).click(function(){
var _y_ = $("select[id=year_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val();
var _m_ = $("select[id=mon_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val();
var _d_ = $(this).text();
_m_ = _m_.length < 2 ? "0"+_m_ : _m_;
_d_ = _d_.length < 2 ? "0"+_d_ : _d_;
var returndate = $.selectDateSettings.dateFormat.replace("yyyy",_y_).replace("mm",_m_).replace("dd",_d_);
$(_obj).val(returndate);
});
}
var _str = '<div id="dateShowDiv_'+___tem___+'" style="width:164px;position:absolute;z-index:'+_maxindex+';left:'+(_left+_width)+'px;top:'+(_top+_height)+'px;border:1px solid #990;"><table cellpadding="0" cellspacing="0" width="164" style="background-color:#EDF2FC;" mce_style="background-color:#EDF2FC;"><tr><td><table cellpadding="0" cellspacing="1" style="background-color:#EDF2FC; font-size:12px; width:100%;"><tr style="height:25px;"><td> <select id="year_'+___tem___+'">'+_strYear.join("")+'</select> 年 </td><td><select id="mon_'+___tem___+'">'+_strMonth.join("")+'</select> 月 </td></tr></table></td></tr><tr><td><span id="daystr_'+___tem___+'"></span></td></tr><tr> <td><div style="text-align:center; height:22px; line-height:22px; float:left; margin-left:15px;"><a href="javascript:void(null);" mce_href="javascript:void(null);" id="currentdate_'+___tem___+'" style="font-size:12px; text-align:center; text-decoration:none;" mce_style="font-size:12px; text-align:center; text-decoration:none;">Current Date</a></div><a href="javascript:;" mce_href="javascript:;" id="selectDateClose_'+___tem___+'" style="background:url(images/tab-close.gif); width:12px; height:12px;display:block;float:right; margin:5px 5px 0 0;" title="close"></a></td></tr></table></div>';
$("body",$.selectDateSettings.target.document).append(_str);
$("#daystr_"+___tem___,$.selectDateSettings.target.document).append(getDayStr());
$("#year_"+___tem___,$.selectDateSettings.target.document).change(function(){
__changeDate();
});
$("#mon_"+___tem___,$.selectDateSettings.target.document).change(function(){
__changeDate();
});
$(".king_date_css",$.selectDateSettings.target.document).click(function(){
var _y_ = $("select[id=year_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val();
var _m_ = $("select[id=mon_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val();
var _d_ = $(this).text();
_m_ = _m_.length < 2 ? "0"+_m_ : _m_;
_d_ = _d_.length < 2 ? "0"+_d_ : _d_;
var returndate = $.selectDateSettings.dateFormat.replace("yyyy",_y_).replace("mm",_m_).replace("dd",_d_);
$(_obj).val(returndate);
$("#dateShowDiv_"+___tem___,$.selectDateSettings.target.document).remove();
});
$("#currentdate_"+___tem___,$.selectDateSettings.target.document).click(function(){
var _m_ = (nowDate.getMonth()+1).toString();
var _d_ = nowDate.getDate().toString();
_m_ = _m_.length < 2 ? "0"+_m_ : _m_;
_d_ = _d_.length < 2 ? "0"+_d_ : _d_;
var returndate = $.selectDateSettings.dateFormat.replace("yyyy",nowDate.getFullYear()).replace("mm",_m_).replace("dd",_d_);
$(_obj).val(returndate);
$("#dateShowDiv_"+___tem___,$.selectDateSettings.target.document).remove();
});
$("#selectDateClose_"+___tem___,$.selectDateSettings.target.document).click(function(){
$("#dateShowDiv_"+___tem___,$.selectDateSettings.target.document).remove();
});
}
$(this).click(function(){
$("#dateShowDiv_"+___tem___,$.selectDateSettings.target.document).remove();
_sobj = this;
__showDate(_sobj);
});
});
}
});
$($.selectDateSettings.target.document).click(function(e){
e = e ? e : window.event;
var tag = e.srcElement || e.target;
if(_sobj && _sobj.id==tag.id)return false;
var _temObj = tag;
while(_temObj)
{
if(_temObj.id=="dateShowDiv_"+___tem___)return;
_temObj = _temObj.parentNode;
}
$("#dateShowDiv_"+___tem___,$.selectDateSettings.target.document).remove();
});
})(jQuery);
/*
* $-color 0.1 - New Wave Javascript
*
* Copyright (c) 2008 King Wong
* $Date: 2008-10-3 $
*/
(function($){
var ___d = new Date();
var ___tem___ = ___d.getTime();
var _sobj;
$.extend({
selectDateSettings:{
date:___d.getFullYear()+"-"+(___d.getMonth()+1)+"-"+___d.getDate(),
startYear:___d.getFullYear()-20,
endYear:___d.getFullYear()+5,
dateFormat:"yyyy-mm-dd",
target:window.self
},
selectDateSetup: function( settings ) {
$.extend( $.selectDateSettings, settings );
}
})
$.fn.extend({
selectDate:function(){
var _d = new Date();
//var ___tem___ = _d.getTime();
var nowDate = eval("new Date("+$.selectDateSettings.date.replace(new RegExp("-","gm"),",")+")");
nowDate.setMonth(nowDate.getMonth()-1);
return this.each(function(){
var __showDate = function(_obj)
{
var _strYear = new Array();
var _strMonth = new Array();
var _mon = new Array('Jan','Feb','Mar','Apr','May','June','July','Aug','Sep','Oct','Nov','Dec');
var _left = parseInt($(_obj).offset().left);
var _top = parseInt($(_obj).offset().top);
var _width = parseInt($(_obj).width());
var _height = parseInt($(_obj).height());
var _maxindex = function(){
var ___index = 0;
$.each($("*",$.selectDateSettings.target.document),function(i,n){
var __tem = $(n,$.selectDateSettings.target.document).css("z-index");
if(__tem>=0)
{
if(__tem >= ___index)
{
___index = __tem + 1;
}
}
});
return ___index;
}();
for(var i = 0 ; i < 12 ; i++)
{
if(i == nowDate.getMonth())
{
_strMonth.push('<option value="'+(i+1)+'" selected="selected">'+_mon[i]+'</option>');
}
else
{
_strMonth.push('<option value="'+(i+1)+'">'+_mon[i]+'</option>');
}
}
for(var j = $.selectDateSettings.startYear ; j <= $.selectDateSettings.endYear ; j++)
{
if(j == nowDate.getFullYear())
{
_strYear.push('<option value="'+j+'" selected="selected">'+j+'</option>');
}
else
{
_strYear.push('<option value="'+j+'">'+j+'</option>');
}
}
var getDayStr = function(y,m)
{
var year;
var month;
var nextyear;
var nextmonth;
if(y=="" || y==undefined)
{
year = parseInt($("select[id=year_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val());
month = parseInt($("select[id=mon_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val());
}
else
{
year = parseInt(y);
month = parseInt(m);
}
if(year==0){
year = nowDate.getFullYear();
month = nowDate.getMonth()+1;
}
var _selectD;
if(month==0){
_selectD = new Date(year-1,11,1);
}else{
_selectD = new Date(year,month-1,1);
}
if(month==12){
nextyear = year+1;
nextmonth = 0;
}
else
{
nextyear = year;
nextmonth = month;
}
var _nextD = new Date(nextyear,nextmonth,1);
var __day = parseInt(Math.abs(_nextD - _selectD) / 1000 / 60 / 60 /24);
var __str__ = new Array();
__str__.push('<tr>');
for(var ii = 0 ; ii < _selectD.getDay(); ii++)
{
__str__.push('<td width="22" align="center" valign="middle" bgcolor="#EDF2FC"> </td>');
}
for(var nn = 1 ; nn <= __day; nn++)
{
var _DD_ = new Date(year,month-1,nn);
__str__.push('<td width="22" align="center" valign="middle" style="cursor:pointer; background-color:#EDF2FC;" mce_style="cursor:pointer; background-color:#EDF2FC;" class="king_date_css" onmouseover="this.style.backgroundColor=/'red/';" onmouseout="this.style.backgroundColor=/'#EDF2FC/';">'+nn+'</td>');
if(_DD_.getDay()==6)
{
__str__.push('</tr>');
if(nn<__day)
{
__str__.push('<tr>');
}
}
}
var __NN__ = _selectD.getDay() + __day;
var __mod__ = __NN__%7
if(__mod__!=0){
for(var mm = 0 ; mm < (7-__mod__) ; mm++)
{
__str__.push('<td width="22" align="center" valign="middle" bgcolor="#EDF2FC"> </td>');
}
__str__.push('</tr>');
}
return '<table cellpadding="0" style="margin:0 auto; width:150px;" cellspacing="1" style="background-color:#CCCCCC; font-size:12px;" mce_style="background-color:#CCCCCC; font-size:12px;"><tr><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">日</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">一</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">二</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">三</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">四</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">五</td><td width="22" align="center" valign="middle" bgcolor="#EDF2FC">六</td></tr>'+__str__.join("")+'</table>';
}
var __changeDate = function()
{
$("#daystr_"+___tem___,$.selectDateSettings.target.document).empty();
$("#daystr_"+___tem___,$.selectDateSettings.target.document).append(getDayStr());
$(".king_date_css",$.selectDateSettings.target.document).click(function(){
var _y_ = $("select[id=year_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val();
var _m_ = $("select[id=mon_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val();
var _d_ = $(this).text();
_m_ = _m_.length < 2 ? "0"+_m_ : _m_;
_d_ = _d_.length < 2 ? "0"+_d_ : _d_;
var returndate = $.selectDateSettings.dateFormat.replace("yyyy",_y_).replace("mm",_m_).replace("dd",_d_);
$(_obj).val(returndate);
});
}
var _str = '<div id="dateShowDiv_'+___tem___+'" style="width:164px;position:absolute;z-index:'+_maxindex+';left:'+(_left+_width)+'px;top:'+(_top+_height)+'px;border:1px solid #990;"><table cellpadding="0" cellspacing="0" width="164" style="background-color:#EDF2FC;" mce_style="background-color:#EDF2FC;"><tr><td><table cellpadding="0" cellspacing="1" style="background-color:#EDF2FC; font-size:12px; width:100%;"><tr style="height:25px;"><td> <select id="year_'+___tem___+'">'+_strYear.join("")+'</select> 年 </td><td><select id="mon_'+___tem___+'">'+_strMonth.join("")+'</select> 月 </td></tr></table></td></tr><tr><td><span id="daystr_'+___tem___+'"></span></td></tr><tr> <td><div style="text-align:center; height:22px; line-height:22px; float:left; margin-left:15px;"><a href="javascript:void(null);" mce_href="javascript:void(null);" id="currentdate_'+___tem___+'" style="font-size:12px; text-align:center; text-decoration:none;" mce_style="font-size:12px; text-align:center; text-decoration:none;">Current Date</a></div><a href="javascript:;" mce_href="javascript:;" id="selectDateClose_'+___tem___+'" style="background:url(images/tab-close.gif); width:12px; height:12px;display:block;float:right; margin:5px 5px 0 0;" title="close"></a></td></tr></table></div>';
$("body",$.selectDateSettings.target.document).append(_str);
$("#daystr_"+___tem___,$.selectDateSettings.target.document).append(getDayStr());
$("#year_"+___tem___,$.selectDateSettings.target.document).change(function(){
__changeDate();
});
$("#mon_"+___tem___,$.selectDateSettings.target.document).change(function(){
__changeDate();
});
$(".king_date_css",$.selectDateSettings.target.document).click(function(){
var _y_ = $("select[id=year_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val();
var _m_ = $("select[id=mon_"+___tem___+"] option[selected]",$.selectDateSettings.target.document).val();
var _d_ = $(this).text();
_m_ = _m_.length < 2 ? "0"+_m_ : _m_;
_d_ = _d_.length < 2 ? "0"+_d_ : _d_;
var returndate = $.selectDateSettings.dateFormat.replace("yyyy",_y_).replace("mm",_m_).replace("dd",_d_);
$(_obj).val(returndate);
$("#dateShowDiv_"+___tem___,$.selectDateSettings.target.document).remove();
});
$("#currentdate_"+___tem___,$.selectDateSettings.target.document).click(function(){
var _m_ = (nowDate.getMonth()+1).toString();
var _d_ = nowDate.getDate().toString();
_m_ = _m_.length < 2 ? "0"+_m_ : _m_;
_d_ = _d_.length < 2 ? "0"+_d_ : _d_;
var returndate = $.selectDateSettings.dateFormat.replace("yyyy",nowDate.getFullYear()).replace("mm",_m_).replace("dd",_d_);
$(_obj).val(returndate);
$("#dateShowDiv_"+___tem___,$.selectDateSettings.target.document).remove();
});
$("#selectDateClose_"+___tem___,$.selectDateSettings.target.document).click(function(){
$("#dateShowDiv_"+___tem___,$.selectDateSettings.target.document).remove();
});
}
$(this).click(function(){
$("#dateShowDiv_"+___tem___,$.selectDateSettings.target.document).remove();
_sobj = this;
__showDate(_sobj);
});
});
}
});
$($.selectDateSettings.target.document).click(function(e){
e = e ? e : window.event;
var tag = e.srcElement || e.target;
if(_sobj && _sobj.id==tag.id)return false;
var _temObj = tag;
while(_temObj)
{
if(_temObj.id=="dateShowDiv_"+___tem___)return;
_temObj = _temObj.parentNode;
}
$("#dateShowDiv_"+___tem___,$.selectDateSettings.target.document).remove();
});
})(jQuery);
使用方法:
$(document).ready(function(){
$("#要绑定对象的ID").selectDate();
});
注意:要绑定的对象一定要是文本输入框,还要一定要有ID
本插件的默认的日期范围是当前年前20年及后5年,日期格式为“yyyy-mm-dd”,当前时间为客户端的系统时间,如要设置这些值,方法如下:
$(document).ready(function(){
$.selectDateSetup({
date:"2008-10-3",//当前时间格式为yyyy-mm-dd
startYear:1999,//设置日期范围的开始年
endYear:2008,//设置日期范围的结束年
dateFormat:"yyyy-mm-dd"//默认的日期格式为yyyy-mm-dd,你可以设置为你自己想要的格式,如mm/dd/yyyy
});
$("#要绑定对象的ID").selectDate();
});
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/wlkjhxd/archive/2008/10/03/3010817.aspx
PS: <asp:TextBox ID="txt_time1" runat="server" ClientIDMode="Static" ></asp:TextBox>
在.net4.0中使用Jquery及其ID要注意
http://www.cnblogs.com/OpenCoder/archive/2010/11/23/1885347.html
相关推荐
jquery date选择日历控件鼠标点击text文本框弹出日期选择 单击文本框弹出日期选择控件 实用的日历效果,兼容性好。
jquery.datePicker日历控件应用input:text文本框弹出日历表选择日期时间,设置默认显示日历表展示。jquery日历控件下载。
javaScript实现点击文本框text弹出日期选择控件源码.zip
实现效果: 带时间的jQuery日期控件代码,在文本框点击,下方会出现日期,底部会有当前时间,一般的购票网站会使用到这样的效果。
一款时间选择控件,点击文本框弹出日期选择器,很好的模板,研究一下就可以套用
点击text文本框弹出日期时间选择器是一款原生js calendar日历控件点击text文本框弹出日期时间选择器。
有这样的一个日期文本框: <input type=”text” name=”mdate” size=”20″ value=”” id=”mdate” class=”easyui-datebox”/> 使用easyui给文本框选定日期值,然后,要在JS中拿到此日期框中的最新值...
jquery-year-picker 用于 jquery UI 的年份选择器插件,例如 ... minDate/maxDate :限制用户从特定范围中选择年份(与 jquery 日期选择器相同)。 dateFormat : 要在 minDate/maxDate 属性中指定的日期格式。 预习
本文给大家分享的是javascript实现简单的日期输入格式化控件的方法和思路,非常的细致实用,推荐给小伙伴们
jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日历表 jquery.datePicker日历控件应用input:text文本框弹出日历表选择日期时间,设置默认显示日历表展示。jquery日历控件下载。
1、 Calendar:.net自带的一种日期显示控件,唯一的缺陷就是每次对日历进行操作的时候都会造成回传, 所以效果不是很好 2、 js版的日历控件-My97DatePicker: <title></title> charset="gb2312"> ...
http://zsharedcode.googlecode.com/files/JQueryElementDemo.rar 本文将详细的讲解 Repeater 控件的模板中如何处理控件, 目录如下: * 准备 * html 元素 * 文本框 * 下拉框 * 多行文本框 * 复选框 * jQueryUI 插件 ...
1:默认情况下,日期输入文本框获得页面焦点的时候,日期选择器组件会在一个覆盖层中打开日历选择面板,当日期输入文本框失去焦点或者选择一个日期的时候,将自动关闭该日历选择面板$(selector).datepicker([options...
10.26 使用多个选择菜单进行组合选择 10.27 使用多选菜单选择多个值 10.28 创建双重范围的滑块 10.29 实现开关效果的选择功能 10.30 创建主题化的表单效果 第11章 其他常用代码段 11.1 判断jQuery库是否被加载 11.2...
简洁实用jquery日期选择插件之jQuery datePicker下载 8)图片展示 1.2款jQuery图片自动切换常用广告代码 2.jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3.jQuery+CSS实用图片收缩与放大效果插件 ...
下面小编就为大家带来一篇设置点击文本框或图片弹出日历控件的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
根据查询字段不同,查询条件值的动态改变,如日期控件、下拉框、可输入的文本框。参考使用的童鞋可以再优化下,使之更人性化。 呵呵。折腾一天弄出来的,个人觉得很实用,不足之处,很自行修改。 童鞋们大力给分啊...
更新内容: [新增]全键盘操作,不用鼠标也可以选择日期 [新增]dateFmt可以直接使用%y %M %d %ld等内置常量 [新增]isShowOK属性,可以隐藏确定按钮 [新增]当使用onfocus触发时,焦点在...[修正]选择日期后光标返回到文本框
* 当选择属性下拉框中不同类型(字符串、数字、日期)的属性时,后面弹出不同数量的和不同格式的文本框(字符串弹出一个输入文本框,数字型的弹出两个输入文本框,日期型的弹出两个日期选择控件); * 单击“添加...
buttonImage: "../images/jquery/jquery-ui-datepicker-buttonimage.png", buttonImageOnly: true, changeYear: true, changeMonth: true, maxDate:0, yearRange:"2010:", dateFormat:"yymm", showDay:false...