页面上写了一个js日期控件,可是选了日期之后日期值无法传递到后台,求指点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面上写了一个js日期控件,可是选了日期之后日期值无法传递到后台,求指点相关的知识,希望对你有一定的参考价值。

jsp页面代码:
<script type="text/javascript" src="<%=request.getContextPath() %>/ajax/workorders/js/pdaoperaterecord.js"></script>
<table width="100%" cellpadding="0" cellspacing="1" class="dataGridTableBorder">
<tr>
<td>处理时间</td>
<td> <input type="text" style="width:60%;" id="dealTime"></input> </td>
</tr>
</table>

js代码:
var flag=true;
jQuery('#dealTime').datetimebox(
width:306,
required:flag,
editable:false,
formatter:function(date)
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
function formatNumber(value)
return (value < 10 ? '0' : '') + value;

return y+'-'+formatNumber(m)+'-'+formatNumber(d)+' ';

);
控件选择日期的效果可以实现,但是选择的日期无法传到后台,求指点,不知道是不是jsp哪里写错了?

参考技术A 你把dealTime的value打印出来看看,
还有你dealTime没有名字,后台获取是根据名字来的,你给标签一个名字再试。

祝你成功追问

我完整的jsp页面上可以填写的搜索条件包括这个dealTime一共有四个,另外几个的代码都是
这样的,没有name也没有value,但是都可以传到后台,还是有点儿不解 大侠继续指点

参考技术B 怎么提交的,后台怎么接收的 ?怎么不贴出来看看。追问

jQuery.ajax(
type:"post",
url: getRootPath()+"/mmst/pda/ajax/XXX.do",
data:"flagSear=1&filter_LIKES_douserid="+data1+"&filter_LIKES_bizcode="+data2+"&filter_LIKES_operate="+data3+"&filter_EQS_dodatetime="+data4,
dataType:"json",
......
);
data中的data4就是要传到后台的时间的值
是通过这种方式传到后台action中具体方法里面的,大侠继续指点

追答

一步一步调试,看在post之前,前段是否取到值了。

追问

在post之前还真是data1、2、3都能取到就data4(dealTime)取不到,请问大侠我jsp里面dealTime的那个input标签该怎么改?

追答


日期控件有把值赋到了这个标签上没?

追问

怎么赋?大侠你能写一下我看看吗?

追答

将name的名称也为dealTime试试。

追问


还是取不到deaTime的值

追答

你这个dealTime这个文本框中能否显示日期值呢。。如果能够显示那就随便用什么方法都能取到值。
$("dealTIme").val();
document.getElementById("deaTime").value;
都可以。

追问

deatTime的文本框里是能够显示显示的日期的,我这边是这样的
jQuery('#searchButton').click(function()
data4 = jQuery("#dealTime").val();

jQuery.ajax(
。。。
);

);
searchButton是搜索按钮的id,点击这个按钮之后取dealTime的值然后传到后台

本回答被提问者采纳

关于 Vue.js+Element-UI 日期控件 日期范围选择

理想效果 : 

技术分享

技术分享

  1. 也就是说前面时间框的时间能选的范围应该小于等于后面的时间框;
  2. 后面时间框能选的范围应该大于等于前面的时间框;

示例代码 :

页面:
<el-form-item label="注册日期">
    <el-date-picker
            v-model="filters.column.create_start_date"
            type="date"
            :picker-options="pickerBeginDateBefore"
            format="yyyy-MM-dd"
            placeholder="">
    </el-date-picker>
</el-form-item>
<el-form-item label="至" label-width="25px">
    <el-date-picker
            v-model="filters.column.create_end_date"
            type="date"
            format="yyyy-MM-dd"
            :picker-options="pickerBeginDateAfter"
            placeholder="">
    </el-date-picker>
</el-form-item>

  

vue:

data () {
    return {
        filters: {
            column: {
                create_start_date: ‘‘,
                create_end_date: ‘‘
            },
        },
        pickerBeginDateBefore:{
            disabledDate: (time) => {
                let beginDateVal = this.filters.column.create_end_date;
                if (beginDateVal) {
                    return time.getTime() > beginDateVal;
                }
            }
        },
        pickerBeginDateAfter:{
            disabledDate: (time) => {
                let beginDateVal = this.filters.column.create_start_date;
                if (beginDateVal) {
                    return time.getTime() < beginDateVal;
                }
            }
        }
    }
}

  

提交:
//这个请求封装了axios
api.request(url, data, (res)=> {
    /*
        查询之后格式this.filters.column.create_start_date中日期发生变化;
        Wed Aug 09 2017 00:00:00 GMT+0800 (中国标准时间) 变成了 "2017-08-08T16:00:00.000Z";
        所以使用 moment 日期格式化插件将时间转换成 [ Wed Aug 09 2017 00:00:00 GMT+0800 (中国标准时间) ] 格
        式;
    */

    /*moment 安装 npm install moment --save*/

   if(this.filters.column.create_start_date){
       this.filters.column.create_start_date = 
        moment(this.filters.column.create_start_date);
    }
    if(this.filters.column.create_end_date){
         this.filters.column.create_end_date = 
     moment(this.filters.column.create_end_date);
    }
})

  

原文链接:http://blog.csdn.net/qq_25386583/article/details/77044179



以上是关于页面上写了一个js日期控件,可是选了日期之后日期值无法传递到后台,求指点的主要内容,如果未能解决你的问题,请参考以下文章

如何在jsp页面中使用js日期控件

求一个js日期时间控件,我有一个例子,但功能不能实现

一个页面有好几个时间选择器。怎么初始化

js日期控件 限制选择日期(只能选择指定日期

怎样从js日期控件中获取星期

js 日期有效性验证 的一点思考