`
hotdog
  • 浏览: 285852 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Easyui的DateBox日期格式化

    博客分类:
  • js
 
阅读更多
DateBox 日期显示默认的格式为“dd/mm/yyyy”,如果想自定义成我们的格式需要实现两个函数,formatter和parser。

formatter函数使得选择日期后将其格式化为我们需要的格式,parser函数在选择好日期后告诉控件如何去解析我们自定义的格式。

定义如下:
formatter:A function to format the date, the function take a 'date' parameter and return a string value.
parser:A function to parse a date string, the function take a 'date' string and return a date value.

如将日期格式化为yyyy-mm-dd的格式:
  
$('$dd').datebox({
formatter: function(date){ return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate(); },
parser: function(date){ return new Date(Date.parse(date.replace(/-/g,"/"))); }
});


分享到:
评论

相关推荐

    easyui的datebox限定范围

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

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

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

    Easyui格式化日期代码

    ### EasyUI格式化日期代码详解 #### 背景与需求 在进行Web应用开发时,日期选择器作为用户交互的重要组成部分,其显示格式对于提升用户体验有着不可忽视的影响。EasyUI是一个基于jQuery的用户界面插件集合,它提供...

    jquery easyui 周历 周选择下拉控件

    2. **样式设计**:根据需求定制日期显示格式,使其以周为单位展示,同时确保样式与EasyUI主题保持一致。 3. **事件处理**:添加事件监听器,监听用户的选中操作,当用户选择一个日期时,自动高亮显示同一周内的所有...

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

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

    easyui 日期选择器

    <input type="text" class="easyui-datebox" placeholder="选择日期"> ``` ### 2. 配置选项 EasyUI 日期选择器支持多种配置选项来定制其行为和外观。以下是一些常见的选项: - `formatter`:定义日期格式,如`'...

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

    - `formatter`:一个函数,用于格式化日期。它接受一个日期对象作为参数,并返回一个格式化的字符串。 - `parser`:一个函数,用于解析日期字符串。它接受一个字符串作为参数,并返回一个日期对象。 6. **扩展的...

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

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

    easyUI扩展图标

    为了方便使用,压缩包中的"EasyUi图标扩展样式"很可能包含了图标图片文件(如PNG或SVG格式)以及对应的CSS文件,开发者只需要将这些文件引入到项目中,就可以立即享受到丰富的图标资源。同时,根据项目的需求,...

    Jquery EasyUI 日历Demo

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

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

    jQuery EasyUI的DateBox控件默认会根据浏览器的语言环境显示日期格式,比如英文环境下默认显示为月/日/年的格式。如果需要修改为中文环境或其他格式,需要对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无法解析这个字段。

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

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

    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接口,可以用于控制组件的状态,如打开/关闭对话框,加载/刷新表格数据等。同时,组件还支持...

Global site tag (gtag.js) - Google Analytics