easyui datebox只展示年月日

最新推荐文章于 2023-10-12 11:27:02 发布

oujiangy

最新推荐文章于 2023-10-12 11:27:02 发布

阅读量489

点赞数

CC 4.0 BY-SA版权

分类专栏：工具文章标签： easyui

本文链接：https://blog.csdn.net/m0_37775919/article/details/107656024

工具专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在EasyUI框架中定制日期控件，仅显示年月日而不包含时分秒，通过修改formatter和parser函数实现日期格式的精确控制。

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

easyui 的日期控件本身会展示年月日时分秒，这个时分秒有时候是不需要的，代码如下：
引入：
easyui.css
icon.css
jquery.min.js
jquery.easyui.min.js
jquery.datebox.js
easyui-lang-zh_CN.js

html:

js扩展：
$("#datadate").datebox({
formatter:‘yyyy-MM-dd’,
formatter: function (date) {
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
if(m<10){
m=“0”+m;
}
if(d<10){
d=“0”+d;
}
return y + ‘-’ + m + ‘-’ + d;

    },
    parser: function (s) {
        if (!s) return new Date();
        var yStr = s.substr(0, 4);
        var mStr = s.substr(5, s.lastIndexOf("-") - s.indexOf("-") - 1);
        var dStr = s.substr(s.lastIndexOf("-") + 1, s.length - s.lastIndexOf("-") - 1);
        var y = parseInt(yStr, 10);
        var m = parseInt(mStr, 10);
        var d = parseInt(dStr, 10);
        if (!isNaN(y) && !isNaN(m) && !isNaN(d)) {
            return new Date(y, m - 1, d);
        } else {
            return new Date();
        }
    }
});

借鉴：http://www.longziyong.cn/post/dnzs/2017/04/778.html