`

easyui 日期格式化

阅读更多

 

 Date.prototype.format = function (format) { 
    var o = { 
        "M+": this.getMonth() + 1, // month 
        "d+": this.getDate(), // day 
        "h+": this.getHours(), // hour 
        "m+": this.getMinutes(), // minute 
        "s+": this.getSeconds(), // second 
        "q+": Math.floor((this.getMonth() + 3) / 3), // quarter 
        "S": this.getMilliseconds() 
        // millisecond 
    } 
    if (/(y+)/.test(format)) 
        format = format.replace(RegExp.$1, (this.getFullYear() + "") 
            .substr(4 - RegExp.$1.length)); 
    for (var k in o) 
        if (new RegExp("(" + k + ")").test(format)) 
            format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)); 
    return format; 

function formatDatebox(value) { 
    if (value == null || value == '') { 
        return ''; 
    } 
    var dt; 
    if (value instanceof Date) { 
        dt = value; 
    } else { 
        dt = new Date(value); 
    } 
 
    return dt.format("yyyy-MM-dd"); //扩展的Date的format方法(上述插件实现) 

 

$('#datagridDemo1').datagrid({ 
    …… 
    columns: [[ 
            { field: 'CreateDate', title: '创建日期', width: 120,align: 'center',formatter: formatDatebox}, 
            …… 
        ]]     
}); 

0
0
分享到:
评论

相关推荐

    easyUI时间控件使用

    在本文中,我们将深入探讨如何在EasyUI框架中有效地使用时间控件,以及如何解决时间格式化的问题。EasyUI是一个基于jQuery的轻量级前端开发框架,它提供了一系列丰富的组件,帮助开发者快速构建用户界面。时间控件是...

    easyui 日期选择器

    现在我们来详细探讨EasyUI日期选择器的相关知识点。 ### 1. 基本使用 在HTML中,我们需要一个`<input>`元素,并为其添加`class="easyui-datebox"`,这样EasyUI会自动将这个元素转换为日期选择器。例如: ```html ...

    浅谈如何实现easyui的datebox格式化

    实现easyui的datebox格式化。效果如下,用“++”隔开,看你喜欢用什么都可以。   1、html 证件有效期至: <span><input id=passvali name=hotel.passvali> 2、js /* 证件有效期至 */ $('#passvali')....

    Jquery EasyUI 日历Demo

    例如,可以设置默认日期,限制可选日期范围,或者添加日期格式化: ```javascript $(function(){ // 设置默认日期 $('.easyui-datebox').datebox('setValue', '2022-01-01'); // 设置最小日期和最大日期 $('....

    easyui的datebox限定范围

    在使用EasyUI框架进行...DateBox是基于jQuery和jQuery UI的日期输入框组件,它通过CSS样式和JavaScript脚本提供了日期选择、日期格式化以及日期验证等功能。在HTML中,我们可以这样创建一个基本的DateBox: ```html ...

    JQuery EasyUI 数字格式化处理示例

    数字格式化是前端开发中常见的需求,它涉及到将数字以特定的格式显示,例如货币格式、百分比格式或自定义的数字格式。 数字格式化处理示例中,主要涉及了数字格式化的几种场景和对应的处理方法,包括: 1. 时间戳...

    easyui datagrid 表格 打印

    Formatter允许开发者自定义单元格显示的内容,例如日期格式化、货币格式化或链接生成等。在打印时,我们需要确保这些格式化后的信息能够被正确地保留下来,而不是仅仅打印出原始的、未格式化的数据。 实现这一目标...

    jquery EasyUI的formatter格式化函数代码

    除了颜色变化之外,`formatter`还可以用于各种其他格式化操作,例如日期格式化、货币符号的添加、百分比转换等。对于数字的格式化,JavaScript提供了一些内置的方法,如`toFixed()`,用于保留指定的小数位数。在提供...

    easyUI日期中文化包只改了日期的别的没改

    easyUI 日期是英文显示并且格式为月/日/年 使用这个js后变成中文显示并且显示格式为年/月/日。

    解决easyui datagrid控件的日期显示问题1

    在使用EasyUI的datagrid控件时,我们常常会遇到日期数据在前端显示为`object`类型的问题,这主要是因为服务器返回的日期数据没有被正确格式化。在标题和描述中提到的解决方案,主要涉及到以下几个关键点: 1. **...

    浅谈jQuery.easyui的datebox格式化时间

    这个自定义的日期格式化函数可以确保输出的日期格式总是按照“年/月/日”的顺序,并且如果月份或日期小于10时前面会补零,例如输出的日期格式为“2023/03/15”。 需要注意的是,由于技术原因,OCR扫描生成的文档...

    easyui视频教程(8)

    3. **数据绑定**:EasyUI支持JSON数据格式,可以方便地与后台服务器进行数据交互。教程可能讲解如何使用`datagrid`等组件进行数据加载、分页、排序和过滤操作。 4. **事件处理**:EasyUI组件具有丰富的事件机制,如...

    easyui纠正json格式日期列显示Demo

    症状:后台返回给页面的数据是Json格式的,其中的日期字段,在后台是“2012-11-10 12:18:00”这样的格式,json序列化后返回到前台页面就被转换成一个像 /Date(1419264000000)/ 的格式,导致easyUI无法解析这个字段。

    easyUI系列图标大全

    1775个图标可能涵盖了各种类别,如通用操作(加减、编辑、删除)、信息提示(成功、警告、错误)、导航箭头、设置选项、文件管理、时间日期等,满足不同场景下的使用。这些图标可能是以SVG、PNG或Font图标的形式提供...

    easyui1.7中文api

    EasyUI 支持通过JSON数据格式与后台进行异步通信,实现数据的动态加载和更新,极大地提高了用户体验。 8. **国际化(i18n)** 提供了多语言支持,方便开发多语言版本的应用。 在实际开发中,EasyUI 1.7中文API的...

    easyui扩展版本的插件

    1. **日期组件扩展**:原生的EasyUI日期选择器通常提供了基本的日历功能,但扩展版本可能包含了更多的自定义选项,如日期范围选择、时间选择、日期格式化等。这有助于用户更灵活地处理日期相关的输入和展示,提升...

    jquery easyui 周历 周选择下拉控件

    首先,jQuery EasyUI提供了一套完整的日期选择器(datebox)和日期时间选择器(datetimebox),但它们默认并不支持直接选择一周。为了满足周选择的需求,我们需要对原有的控件进行扩展和改造。这个"周历 周选择下拉...

Global site tag (gtag.js) - Google Analytics