jquery easyUI 日期格式化,DateBox只显示年
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
蕃薯耀 2016年6月8日 17:13:32 星期三
http://fanshuyao.iteye.com/
一、问题描述
jquery easyui 本身不支持只显示年或只显示月份
二、解决方案:
1、增加格式化方法及解析方法
formatter:yearFormatter,parser:yearParser
如下面所示:
<input class="easyui-datebox" id="planYear" name="planYear" data-options="required:true,formatter:yearFormatter,parser:yearParser" >
2、增加 yearFormatter,yearParser的js方法
function yearFormatter(date){ var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); return y; }; function yearParser(s){ if (!s) return new Date(); var y = s; var date; if (!isNaN(y)){ return new Date(y,0,1); } else { return new Date(); } };
这样就能成功只显示年份。只显示月份就可以参照只显示年份的做了。
但这样操作的话,超级麻烦,不利于用户体验,还是不要用了。
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
蕃薯耀 2016年6月8日 17:13:32 星期三
http://fanshuyao.iteye.com/
相关推荐
在使用EasyUI框架进行...DateBox是基于jQuery和jQuery UI的日期输入框组件,它通过CSS样式和JavaScript脚本提供了日期选择、日期格式化以及日期验证等功能。在HTML中,我们可以这样创建一个基本的DateBox: ```html ...
在这个示例中,`formatter` 函数用于自定义日期显示格式,而 `parser` 函数则用于解析用户输入的日期字符串。`minDate` 和 `maxDate` 参数限制了用户可以选择的日期范围。 除了基本的日期选择功能,EasyUI 日历组件...
2. **样式设计**:根据需求定制日期显示格式,使其以周为单位展示,同时确保样式与EasyUI主题保持一致。 3. **事件处理**:添加事件监听器,监听用户的选中操作,当用户选择一个日期时,自动高亮显示同一周内的所有...
#### 修改DateBox日期显示格式 jQuery EasyUI的DateBox控件默认会根据浏览器的语言环境显示日期格式,比如英文环境下默认显示为月/日/年的格式。如果需要修改为中文环境或其他格式,需要对DateBox的配置选项进行...
10. **日期选择器(DateBox)**:提供日期选择功能,有多种样式和格式可供选择,方便用户输入日期。 11. **滑块(Slider)**:创建滑动条,用于数值选择或进度展示。 在jQuery EasyUI v1.3.5中,开发者可以找到每...
默认情况下,datebox可能不满足所有的格式化需求,因此需要我们自定义格式化函数来实现特定的日期显示格式。 要实现自定义的日期格式化,我们可以通过设置datebox的formatter选项来指定一个格式化函数。这个函数会...
另外,还有诸如 `tabs`(选项卡)、`pagination`(分页)、`slider`(滑块)和 `datebox`(日期选择器)等组件,它们都是网页开发中的常见需求,jQuery EasyUI 都提供了对应的解决方案。 在使用过程中,遇到问题时...
实例展示了如何在页面上创建一个DateBox,而参数部分则包括了设置日期格式、默认值、禁用日期等功能。此外,DateBox还支持多种事件,如打开日历、选择日期等,开发者可以通过监听这些事件来实现特定逻辑。同时,...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它为开发人员提供了构建现代 Web 应用程序的各种控件,其中 DateBox 是 jQuery EasyUI 中用于处理日期输入的控件。DateBox 控件允许用户通过一个文本输入框来选择或...
另外,结合jQuery EasyUI的其他组件,如日期选择器(datebox)、复选框(checkbox)等,可以进一步完善通讯录应用的交互体验。 总的来说,jQuery EasyUI的通讯录Demo展示了如何利用该框架和JSON数据有效地构建一个...
7. `formatter`:`function` 类型,提供了一个用于格式化日期的回调函数,接收一个日期对象作为参数,并返回一个字符串表示的日期。 8. `parser`:也是一个 `function`,用于解析用户输入的日期字符串,将其转换为...
- **Json数据**:EasyUI与JSON格式的数据源配合良好,通过Ajax获取并显示数据,实现了前后端分离。 - **Ajax请求**:使用`$.ajax()`方法进行异步数据交互,支持GET和POST请求,以及错误处理。 6. **事件处理与...
- `formatter`: 日期格式化函数,用于设置日期显示格式。 - `parser`: 解析函数,用于解析日期字符串。 - `editable`: 是否允许用户直接编辑日期框中的文本。 - `showTime`: 是否显示时间。 - `showWeek`: 是否显示...
EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件,包括表格、下拉菜单、对话框、按钮、面板等,极大地简化了Web应用的开发。在这些组件中,日期选择器(Datebox)是一个非常常用的功能,用于用户...
DateBox 提供了日期选择、格式化日期输出、禁用和启用等功能,可以通过 JavaScript API 进行操作。 通过这个中文培训文档,读者不仅可以学习到 Accordion 和 DateBox 的基本使用,还能了解到其他组件如 Dialog、...
1. **组件库**:jQuery EasyUI 提供了诸如对话框(dialog)、面板(panel)、菜单(menu)、下拉菜单(combobox)、滑块(slider)、日期选择器(datebox)等丰富的组件。这些组件都是预定义好的,只需简单配置即可...