利用easyui实现增删改查：easyui样式的日期的显示

如何实现以上的样式呢？

代码语言：javascript复制

<%--datebox日期框--%>
        <input id="dd" type="text" class="easyui-datebox"
           data-options="editable:false,currentText:'今天',closeText:'关闭'">

以上弄完之后，我们选择了一个日期，那么在框里面的时间就是这样的

但是我想要修改时间的格式，后台要的格式不是这样的，需要自己修改，咋修改 使用

代码语言：javascript复制

解释 formatter ： 这个方法的参数是一个data，就是我们选择的时间，方法里面获取这个时间，将每一个年月日提取出来，拼接成为我们要的格式返回，但是这个返回是一个字符串，我们要变为日期，所以需要parser函数

解释 parser ：   formatter 函数里面已经拼接了我们的自定义的格式，并且已经返回，但是返回的是字符串，我们就需要使用这个函数  将字符串变为日期返回


所以自定义格式的时候，两个函数都需要一起使用，缺谁都不可以。

代码语言：javascript复制

 /******************初始化设置datebox**********************************************/
        $(function () {
            $("#dd").datebox({
                formatter:function (date) {
                    var y = date.getFullYear();
                    var m = date.getMonth() 1;
                    var d = date.getDate();
                    return y "-" m "-" d;
                },
                parser:function (s) {
                    var t = Date.parse(s);
                    if (!isNaN(t)){
                        return new Date(t);
                    } else {
                        return new Date();
                    }

                }
            })
        })

写完以上的代码，页面的效果就是

后台

0 人点赞