`
Franciswmf
  • 浏览: 800116 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

easyui datebox formatter parser

 
阅读更多
//年月日
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 clsFormatter(dateV){
	var dateVal=new Date(Date.parse(dateV.toString()));
    var y = dateVal.getFullYear();
    var m = dateVal.getMonth()+1;
    var d = dateVal.getDate();
    var h=dateVal.getHours();
    var m2=dateVal.getMinutes();
    //var s=date.getSeconds();
    var resultVal=y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d)+' '+(h<10?('0'+h):h)+':'+(m2<10?('0'+m2):m2);
    return resultVal;
}
        
function clsParser(s){
    if (!s) return new Date();
    var s1=s.split(' ');
    var sa=s1[0];
    var sb=s1[1];
    var ss = (sa.split('-'));
    var y = parseInt(ss[0],10);
    var m = parseInt(ss[1],10);
    var d = parseInt(ss[2],10);
    var tt = (sb.split(':'));
    var h = parseInt(tt[0]);
    var mi = parseInt(tt[1]);
    
    if (!isNaN(y) && !isNaN(m) && !isNaN(d)&& !isNaN(h)&& !isNaN(mi)){
        return new Date(y,m-1,d,h,mi);
    } else {
        return new Date();
    }

}
分享到:
评论

相关推荐

    EasyUI修改DateBox和DateTimeBox的默认日期格式示例

    在 HTML 中,可以通过 `data-options` 属性设置这两个函数,如 `&lt;input class="easyui-datetimebox" data-options="formatter:ww4,parser:w4" style="width:200px;"&gt;`。 通过以上方法,我们可以轻松地调整 EasyUI ...

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

    总之,EasyUI 的 DateBox 提供了强大的日期格式化能力,通过自定义 `formatter` 和 `parser` 函数,我们可以轻松地定制日期显示和输入格式,以满足项目的特定需求。这个功能对于提升用户体验和保证数据一致性具有...

    jQuery EasyUI API 中文文档 - DateBox日期框

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它为开发人员提供了构建现代 Web 应用程序的各种控件,其中 DateBox 是 jQuery EasyUI 中用于处理日期输入的控件。DateBox 控件允许用户通过一个文本输入框来选择或...

    jQuery EasyUI中的日期控件DateBox修改方法

    总结来说,通过修改`$.fn.calendar.defaults`的属性和定义自定义的`formatter`和`parser`函数,你可以灵活地调整jQuery EasyUI中的DateBox控件以满足你的特定需求,包括语言、日期格式以及大小等。这使得DateBox成为...

    easyui 日期控件选择到月份

    easyui日期控件只选择到月份,保存记录一下。 &lt;input id="month" class="easyui-datetimebox" name="month" data-options="required:true,formatter:myformatter,parser:myParser" 160px" /&gt;

    Jquery EasyUI 日历Demo

    $('.easyui-datebox').datebox('setValue', '2022-01-01'); // 设置最小日期和最大日期 $('.easyui-datebox').datebox({ formatter: function(date){ return date.getFullYear() +'-'+ (date.getMonth()+1) +'...

    easyui 日期选择器

    &lt;input type="text" class="easyui-datebox" data-options="formatter:'yyyy-MM-dd', parser:function(date){return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();}"&gt; ``` ### 3. 自定义样式 ...

    jQuery EasyUI API 中文文档 – DateBox日期框

    DateBox 是 EasyUI 提供的一个组件,它主要用于输入和显示日期。DateBox 扩展了基础的 Combo 组件,并且依赖于 Combo 和 Calendar 组件来实现日期选择功能。 DateBox 的基本用法包括在 HTML 中创建一个文本输入框,...

    easyui验证框使用方法

    $.fn.datebox.defaults.formatter = function(date) { var y = date.getFullYear(); var m = date.getMonth() + 1; var d = date.getDate(); return y + '-' + (m ) + '-' + (d ); }; $.fn.datebox....

    javascript的年月控件,有例子

    实现这样一个年月控件,我们首先需要引入jQuery和EasyUI库,然后创建一个DateBox,并配置其formatter和parser属性,以便只显示和处理年月。`jquery.yearmonth.js`可能包含了这些配置的代码。同时,我们可能还需要...

    domino xpags开发 easyui引用

    &lt;input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"&gt; ``` 在XPages环境中,你需要使用`&lt;xp:inputText&gt;`标签来实现相同的功能。XPages的语法稍微复杂一些,因为我们需要使用`...

    免费_jQuery_Easyui_教程

    &lt;input id="datebox" class="easyui-datebox" style="width: 200px;"&gt; ``` **2.2 参数** DateBox 支持的参数包括: - `value`:初始化时设置的日期值。 - `formatter`:日期格式化函数。 - `parser`:日期解析...

    第25章 Datebox(日期输入框)组件1

    在本章的学习中,我们将深入理解EasyUI中的DateBox(日期输入框)组件,这是一个功能丰富的日期选择工具,它结合了Combo(自定义下拉框)和Calendar(日历)的功能,提供了用户友好的日期输入体验。以下是关于...

    jQuery_Easyui 教程

    - `formatter`:函数类型,用于格式化显示在DateBox中的日期字符串。 - `parser`:函数类型,用于解析用户输入的日期字符串。 ##### 2.3 事件 DateBox支持多种事件,如`onSelect`事件,当用户在日历中选择日期时...

    jquery_easyui_中文API.pdf

    &lt;input id="datebox" class="easyui-datebox" data-options="formatter:formatter,parser:parser" style="width:120px"&gt; function formatter(date) { var y = date.getFullYear(); var m = date.getMonth() + 1;...

    EasyUI

    参数包括`formatter`用于自定义日期格式,`parser`则用于解析用户输入的日期。此外,`onSelect`事件可以在用户选择日期时触发,`onChange`事件则在日期值改变时触发。DateBox还提供了`clear()`和`disable()`等方法,...

    jquery+easyui学习文档.doc

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如 Accordion(可折叠标签)、DateBox(日期框)等,帮助开发者快速构建用户界面。这个学习文档主要涵盖了这两个组件的基本使用方法和...

Global site tag (gtag.js) - Google Analytics