一个不错的Jquery日期文本框选择控件

最新推荐文章于 2024-08-29 11:11:12 发布
最新推荐文章于 2024-08-29 11:11:12 发布
阅读量4.8k 收藏
点赞数
分类专栏： jQuery 文章标签： jquery function date javascript textbox css

/* 
 * $-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" οnmοuseοver="this.style.backgroundColor=/'red/';" οnmοuseοut="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" οnmοuseοver="this.style.backgroundColor=/'red/';" οnmοuseοut="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

 

 

kingisking1
关注
专栏目录
jquery-自动日期文本框
08-11
点击文本框弹出日期列表，供选择。好处控制日期格式，方便使用。
文本框日期控件，单击文本框选择日期
06-19
单击文本框可以选择日期，样式很不错，下载就可以用，用法很简单，很实用！希望对大家有用！
Java Swing日期选择控件datepicker的实现教程
最新发布
weixin_34725745的博客
08-29 998
本文还有配套的精品资源，点击获取 简介：本文介绍了Java Swing中实现DatePicker控件的不同方法。首先，通过引入JCalendar库，可以直接在Swing应用中添加并使用DatePicker，包括添加依赖、导入类、创建实例、以及事件监听。其次，文章介绍了如何自定义DatePicker组件，涉及创建年月日的下拉列表、联动更新和合法性检查。此外，还探讨了使用Swi...
日期控件(input输入框)
04-07
用于页面的日期选择,里面的插件涉及js和css,而这两个都是基于jquery的,所以资源中还包含了jquery.显示的日期格式可以设定.
jquery日期日历插件 单击文本框弹出日期选择控件
07-24
jquery date选择日历控件鼠标点击text文本框弹出日期选择 单击文本框弹出日期选择控件 实用的日历效果，兼容性好。
jquery的日期插件、实现日期的弹框、实现手动选择日期输入
09-25
在网上搜到的，还不错的日期插件，直接引用即可，方便快捷，适合系统输入日期用。 如何使用jquery的日期插件 * 引入jquery的js文件 * 引入日期插件的文件 * 日期插件的js文件 * 日期插件的css文件 * 日期插件的c汉化文件 * 在jsp页如何使用 * 定义文本框 出生日期: 工作日期: * 代码如下 $(document).ready(function(){ $('.biuuu').datepick({dateFormat: 'yy-mm-dd'}); });
jquery获取easyui日期控件的值实现方法
11-27
在jQuery EasyUI框架中，日期控件（datebox）是一个常用的功能组件，用于方便用户选择日期。在实际的网页开发中，我们常常需要在JavaScript中获取用户选定的日期值，以便进行进一步的数据处理或验证。然而，直接使用...
javaScript实现点击文本框text弹出日期选择控件源码.zip
11-16
在这个场景中，我们讨论的是使用JavaScript实现一个功能，即当用户点击文本框（text input）时，能够弹出一个日期选择控件，提供用户方便地选择日期。这种功能在网页表单中非常常见，比如在填写生日、预约日期等场景...
JS日期控件选择到文本框
12-09
"JS日期控件选择到文本框"这个话题涉及到如何使用JavaScript库或者自定义代码创建一个能够允许用户选择日期和时间，并将所选值更新到HTML输入文本框中的控件。 1. **JavaScript Date对象** JavaScript内置了一个`...
带时间的jQuery日期控件代码.zip
07-11
标题中的“带时间的jQuery日期控件代码”指的是一个JavaScript库，特别地，它是基于jQuery的一个组件，用于在网页上创建具有时间和日期选择功能的输入控件。这种控件通常用于用户需要输入特定日期和时间的场景，比如...
基于jquery-ui的中文版时间段选择插件
11-10
基于jquery-ui的时间段选择插件，已经实现汉化，可以选择到具体天数，不能选择时、分、秒。
jQuery日期时间范围选择插件设置日期范围选择代码
04-27
jQuery日期时间范围选择插件设置日期范围选择代码 jQuery日期时间范围选择插件设置日期范围选择代码
html+javascript的简单带文本框选择日期控件
09-20
简单的文本框日期控件，只需要一个js文件+文本框上一个触发事件。
点击文本框弹出日历控件（可以选择日期）
04-28
实例，只要把JS代码调用就可以了，方法在文档里有写，非常详细，可以直接插入使用。
简洁漂亮的jquery日期选择控件代码
12-12
简洁漂亮的jquery日期选择控件代码
Java日期选择控件
04-13
个人用java和ajax写的一个java日期控件，很漂亮
java界面日期选择控件_Java自学-图形界面 日期控件
weixin_33011357的博客
02-26 824
两种Swing下的日期控件 DatePicker 和JXDatePickerswing没有自带的日期控件，需要第三方的类步骤 1 : DatePicker本例使用 Datepicker.jar 包，有一个缺点，不能设置时间，只能在创建控件的时候传入指定日期。需要设置日期，请使用JXDatePickerpackage gui;import java.awt.Color;import java.awt...
日期时间选择控件
ts2794的专栏
05-11 1106
 一次项目研发中需要日期时间选择控件，网上提供的不多，且质量一般，所以只好自己做，参考了网上某位同学的作品 Jave 日期选择控件 DateChooser 。目前的代码将日期时间选择封装在一个按钮组件内，应该很好用，支持Application 、Appletimport java.util.Date;import java.util.Calendar;import java.text.Date
jQuery输入框超级好用的日期控件
weixin_37778355的博客
01-18 4717
引用： &amp;lt;script type=&quot;text/javascript&quot; src=&quot;~/Areas/HROnboardingInterview/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;link href=&quot;~
jQuery与Bootstrap实现日期选择器详解及代码示例
总结来说，本文介绍了如何使用jQuery和Bootstrap开发一个日期选择器，包括创建文本框触发弹窗、配置模态框结构、动态生成年月日下拉框以及处理用户交互。通过这种方式，可以为网页应用提供一个简洁且功能齐全的日期...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值