【easyUI】date-box 设置默认时间

最新推荐文章于 2021-08-07 19:15:07 发布

小魏的马仔

最新推荐文章于 2021-08-07 19:15:07 发布

阅读量7.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： easyui 文章标签： html easyui

本文链接：https://blog.youkuaiyun.com/xuexiiphone/article/details/69396570

easyui 专栏收录该内容

23 篇文章

订阅专栏

本文介绍如何使用EasyUI框架中的日期选择组件，并设置了默认显示为前一天的日期格式。通过自定义格式化和解析函数实现日期的正确显示与读取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html

创建一个input

<input id="apvt" name="apvt" type="text" class="easyui-datebox" style="width:135px" data-options="formatter:myformatter,parser:myparser"/>

js

    /* EasyUI--datebox设置默认时间 */
    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 setDateBox() {
        var myDate = new Date();
        //昨天
        myDate.setDate(myDate.getDate()-1);
        $('#apvt').datebox('setValue',myformatter(myDate));
    }