`

easyui datebox 时间格式化

 
阅读更多
//easyui 格式化日期控件
    $("#contract_begin").datebox({
        required: "true",
        missingMessage: "必填项",
        editable: false,
        formatter: function (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);
        },
        parser: function (s) {
            if (!s) return new Date();
            var yStr = s.substr(0,4);
            var mStr = s.substr(5,2)
            var dStr = s.substr(8,2)

            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();
            }
        }
    });
分享到:
评论

相关推荐

    easyui的datebox限定范围

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

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

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

    jquery easyui 周历 周选择下拉控件

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

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

    默认情况下,datebox可能不满足所有的格式化需求,因此需要我们自定义格式化函数来实现特定的日期显示格式。 要实现自定义的日期格式化,我们可以通过设置datebox的formatter选项来指定一个格式化函数。这个函数会...

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

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

    easyui 日期选择器

    除了基本的日期选择,EasyUI 日期选择器还可以与其他组件结合使用,比如时间选择器(Timebox): ```html &lt;input type="text" class="easyui-datetimebox" placeholder="选择日期和时间"&gt; ``` 或者与日期范围选择...

    easyUI扩展图标

    这些图标涵盖了多种类别,包括但不限于导航、编辑、设置、状态指示器、文件操作、媒体控制、社交网络、方向箭头、日期时间、货币符号等,几乎涵盖了网页应用中的所有常见功能和场景。这些图标设计简洁、统一,既符合...

    Jquery EasyUI 日历Demo

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

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

    jQuery EasyUI的DateBox控件默认会根据浏览器的语言环境显示日期格式,比如英文环境下默认显示为月/日/年的格式。如果需要修改为中文环境或其他格式,需要对DateBox的配置选项进行相应的设置。 #### 修改月份和星期...

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

    两者之间的主要差异在于DateTimeBox包含了小时、分钟和秒的显示,但它们在处理日期格式化方面的方法是相同的。为了更好地理解这两个控件,可以参考以下在线Demo实例: - DateBox演示:...

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

    7. `formatter`:`function` 类型,提供了一个用于格式化日期的回调函数,接收一个日期对象作为参数,并返回一个字符串表示的日期。 8. `parser`:也是一个 `function`,用于解析用户输入的日期字符串,将其转换为...

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

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

    easyui验证框使用方法

    - **解释**:以上代码定义了日期的格式化和解析函数,确保用户只能选择符合`yyyy-MM-dd`格式的日期。`editable="false"`表示不允许手动输入日期,只能通过日历控件选择。 ##### 3.5 日期比较验证 - **代码示例**: ...

    jquery+easyui

    - **formatter**:自定义日期格式化的函数。 ##### 2.3 事件 DateBox 提供了多种事件,如 `onSelect` 和 `onClose` 等,可以监听用户的交互行为并作出响应。 ##### 2.4 方法 此外,DateBox 还支持一系列的方法调...

    免费_jQuery_Easyui_教程

    - `formatter`:日期格式化函数。 - `parser`:日期解析函数。 **2.3 事件** DateBox 支持以下事件: - `onSelect`:当用户选择日期时触发。 - `onClose`:当日期选择器关闭时触发。 **2.4 方法** DateBox 提供...

    easyui1.4中文文档

    Datebox提供了日历选择功能,可以方便地选择日期,支持格式化日期输出。 9. **API 和事件** EasyUI 提供了丰富的API接口,可以用于控制组件的状态,如打开/关闭对话框,加载/刷新表格数据等。同时,组件还支持...

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

    - **formatter**:自定义日期格式化函数,接收日期对象并返回字符串。 - **parser**:用于解析日期字符串成日期对象的函数。 3. **属性设置示例**: ```javascript $('#box').datebox({ panelWidth : 300, ...

Global site tag (gtag.js) - Google Analytics