您的位置:首页 > Web前端 > 其它 > 正文

EasyUI DateBox设置默认值

更多 时间:2015-11-17 类别:Web前端 浏览量:538

EasyUI DateBox设置默认值

EasyUI DateBox设置默认值

EasyUI中将DateBox的默认值设置成yyyy-mm-dd格式的方法

 

实例一

  •  
  •  
  • HTML 代码   复制
  • 
    <li style="margin:20px 0;"></li>
        定义日期格式:    
        <input class="easyui-datetimebox" data-options="formatter:dateformatter,parser:dateparser" style="width:200px;"> yyyy年mm月dd日hh点</input>
        <script type="text/javascript">
            function dateformatter(date){
                var y = date.getFullYear();
                var m = date.getMonth()+1;
                var d = date.getDate();
                var h = date.getHours();
                return  y+''+(m<10?('0'+m):m)+''+(d<10?('0'+d):d)+''+(h<10?('0'+h):h)+'';
                
            }
            function dateparser(s){
                var reg=/[\\u4e00-\\u9fa5]/  //利用正则表达式分隔
                var ss = (s.split(reg));
                var y = parseInt(ss[0],10);
                var m = parseInt(ss[1],10);
                var d = parseInt(ss[2],10);
                var h = parseInt(ss[3],10);
                if (!isNaN(y) && !isNaN(m) && !isNaN(d) && !isNaN(h)){
                    return new Date(y,m-1,d,h);
                } else {
                    return new Date();
                }
            }
        </script>
    		
  • 效果图

     

     

    实例二

     

  •  
  • HTML 代码   复制
  • 
    <input id="txtBeginTime" class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"></input> <b>--</b>
    <input id="txtEndTime" class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"></input>
    
    
    <script>
    
           function myformatter(date){
                var y = date.getFullYear();
                var m = date.getMonth()+1;
                var d = date.getDate();
                return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
            }
            
            function myparser(s){
                if (!s) return new Date();
                var ss = (s.split('-'));
                var y = parseInt(ss[0],10);
                var m = parseInt(ss[1],10);
                var d = parseInt(ss[2],10);
                if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
                    return new Date(y,m-1,d);
                } else {
                    return new Date();
                }
            }
    
           //页面加载
    
       $(function(){
    
                  //设置时间
           var curr_time = new Date();   
           $("#txtBeginTime").datebox("setValue",myformatter(curr_time));
           $("#txtEndTime").datebox("setValue",myformatter(curr_time));
           //获取时间
           var beginTime=$("#txtBeginTime").datebox("getValue");
           var endTime=$("#txtEndTime").datebox("getValue");
    
            });
    </script>
    		
  •  

    标签:EasyUI