formatter: function (d) {
var currentMonth = (d.getMonth()+1);
var currentMonthStr = currentMonth < 10 ? ('0' + currentMonth) : (currentMonth + '');
return d.getFullYear() + '-' + currentMonthStr;
easyui日期控件只选择到月份,保存记录一下。
<input id="month" class="easyui-datetimebox"
name="month" data-options="required:true,formatter:myformatter,parser:myParser"
160px" />
工作中遇到的问题,在此记录一下。需求:前台页面使用了EasyUI框架,在某一个html页面中要求datetimebox显示格式为年月日和小时,如图所示:
尝试过两种方法,分别如下:
第一种方法:
datetimebox 依赖 datebox和timespinner两个组件,拥有datebox的formatter格式化日期和时间显示方式的属性;重写了formatter属性,来改变日期框的显示方式
代码如下: <tr><th>发售起始日期</th> <td><input type=”text” id=”usLineTime” name=”usLineTime” size=”20″ class=’easyui-validatebox Wdate’ onFocus=”WdatePicker({el:’usLineTime’,dateFmt:’yyyy-MM-dd’,maxDate:’#F{$dp.$D(\’ueLineTime\’)}’})” value=”<fmt:formatDate value=”${product.usLineTime}” pattern =”yyyy-MM-dd”
html代码:
&lt;%@ page contentType="text/html;charset=UTF-8" %&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;easyui年月选择控件&
因项目需要,easyui 本身也没找到属性配置,所以自己实现,
参考了https://blog.csdn.net/ytangdigl/article/details/73381958
但这边做了简化改进,重点在于打开日历的时候,点击选择月份的标签,然后监听月份点击。
onShowPanel : function() {// 显示日期选择对象后再触发弹出月份层的事件,初始化时没有生成月份层
span.trigger('click'); // 触发click事件弹出月份层
setTimeout(...
最近遇到按月统计系统KIP的需求,用的easyui框架,由于easyui默认不带年月功能,于是打算通过改写easyui的datebox实现年月功能,经过摸索完美实现easyui年月功能,简要记录如下:
先上最终结果图:
地址:https://pan.baidu.com/s/13rHyTraaV6LL1zjjzp99sA&shfl=sharepset
提取码:l0as
二、修改datebox 输入框data-options属性
然后js代码:
$(document).ready(funct...
<meta charset="UTF-8">
<title>更改easyui日期控件,使其只显示到年月</title>
<!-- 引入jquery脚本文件,jquery必须在easyui之前引入,因为easyui是jquery的插件 -->
EasyUI datebox控件默认只显示年月选择
EasyUI 的时间控件datebox一般默认为显示日期选择,有的时候业务需求只显示年份与月份,原生的datebox控件js并没有提供这样的选项,这时候就需要写js去实现,废话不多说,上实例:
1.下载easyui包
首先需要下载easyui包,这个直接从官网上下载就行了:http://www.jeasyui.net/download/jquer...
Easyui行编辑只选择年月
原版地址:https://my.oschina.net/zdway/blog/4930780
$("#dgEquipProData").datagrid({
url: '后台取路径的地址',
queryParams:equipProQuery ,
columns: [[
field: 'MonthDate', title: '月份'
是的,EasyUI 日期控件可以设置传参到后端,并使用 Date 类型接收。
在前端,您可以使用 EasyUI 的日期控件来选择日期,并将其值作为参数传递给后端。例如:
```html
<input id="dateInput" class="easyui-datebox" name="date" />
然后,您可以使用 JavaScript 获取日期控件的值,并将其作为参数发送到后端。例如:
```javascript
var date = $('#dateInput').datebox('getValue');
$.ajax({
url: '/your-endpoint',
method: 'POST',
data: { date: date },
success: function(response) {
// 处理成功响应
error: function(error) {
// 处理错误响应
在后端,您可以使用 Date 类型接收日期参数。具体如何接收依赖于您使用的后端框架和编程语言。例如,在 Java 的 Spring MVC 中,您可以通过如下方式接收日期参数:
```java
@PostMapping("/your-endpoint")
public void yourControllerMethod(@RequestParam("date") Date date) {
// 处理接收到的日期
确保在前后端传递日期时,格式一致并正确解析日期值。根据您的实际需求,可能需要进行相关的日期格式化和解析操作。