在内联编辑jqgrid时,datepicker中的minDate

时间:2015-07-03 12:18:57

标签: javascript jquery jqgrid datepicker

我有两个jqgrids。在选择第一个网格中的任何行时,我的第二个网格正在加载。我想编辑第二个网格(使用内联编辑)。第二个网格中有一列“voucherDate”,第一个网格中有一个“loanReason”列。 Datepicker用于编辑voucherDate列。

现在我想要的是在这个datepicker中设置minDate属性,minDate应该是1st grid的“loanReason”。我无法做到这一点。以下是一些代码段。

第二格的ColModel

{name : 'voucherDate', index : 'voucher_date',width : 150, align: "center", editable : true, editoptions:{size:20, 
                      dataInit:function(el){ 
                            $(el).datepicker({
                                dateFormat:'dd-M-yy',
                                changeMonth: true,
                                changeYear: true,
                                numberOfMonths: 1,
                                maxDate : '${currentDate}'
                                }); 
                      }},  
                    search : true, searchoptions: { dataInit: repaymentDateSearch, sopt: ['eq','cn'] }, sortable : true }

第一个网格的ColModel

{name : 'loanReason', index : 'tcl.loan_date',width : 130, align: "center", 
                     searchoptions: { dataInit: initDateSearch, sopt: ['cn'] },
                     editable : true, editoptions : {readonly : 'readonly'}
}

我试图通过在datepicker的minDate属性中使用以下代码(cboLoanEditList是第一个网格的名称)来执行此操作,但这不起作用:

var row = jQuery("#cboLoanEditList").jqGrid('getRowData',editedRow);
var loanDate = row.loanReason;

1 个答案:

答案 0 :(得分:0)

我得到了答案。查找以下代码:

 {name : 'voucherDate', index : 'voucher_date',width : 150, align: "center", editable : true, editoptions:{size:20, 
                      dataInit:function(el){
                          var row = jQuery("#cboLoanEditList").jqGrid('getRowData',editedRow);
                            $(el).datepicker({
                                dateFormat:'dd-M-yy',
                                changeMonth: true,
                                changeYear: true,
                                numberOfMonths: 1,
                                maxDate : '${currentDate}',
                                minDate : row.loanDate
                                }); 
                      }},  
                    search : true, searchoptions: { dataInit: repaymentDateSearch, sopt: ['eq','cn'] }, sortable : true }

我没有直接在minDate中编写那个jquery行,而是在datepicker启动之前编写了它,它就像魅力一样。

Paulo Diogo建议的是正确的,但这是来自文本框而不是我想要的网格。无论如何,感谢Paulo Diogo的回复。 :)