javascript – 在“添加/编辑”窗口中选择的JQGrid /日期

前端之家收集整理的这篇文章主要介绍了javascript – 在“添加/编辑”窗口中选择的JQGrid /日期前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在编辑内联时能够将日期选择器工作到JQGrid,但是我无法在添加/编辑窗口中使用它.有没有人有关于如何做到这一点的说明或我可以看到的例子?

来自该网站的我正在尝试做的演示:http://www.the-di-lab.com/demo/apples

我读到我可以使用以下方法但不确定如何集成它:

dataInit : function (elem) {
$(elem).datepicker();
}

解决方法

看起来他们正在使用’afterShowForm’将日期/颜色选择器附加到div.

(查看源代码)

jQuery("#list").navGrid("#pager",{edit:true,add:true,del:true},{width:400,height:400,closeAfterEdit:true,afterShowForm:function(){   $("#jsrs").load("/demo/apples/jsrs"); },onclickSubmit:function() {  $("#jsrs").empty(); }
},

(查看源代码)

http://www.the-di-lab.com/demo/apples/jsrs

//Js for colorPicker
$('#color').ColorPicker({
    onSubmit: function(hsb,hex,rgb) {
        $('#color').val("#"+hex);
    },onBeforeShow: function () {
        $(this).ColorPickerSetColor(this.value);
    }
}).bind('keyup',function(){
    $(this).ColorPickerSetColor(this.value);
});


//Js for datePicker
$('#date').DatePicker({
    format:'Y-m-d',date: $('#date').val(),current: $('#date').val(),starts: 1,position: 'bottom',onBeforeShow: function(){
        $('#date').DatePickerSetDate($('#date').val(),true);
    },onChange: function(formated,dates){
        $('#date').val(formated);
    }
    });

感谢您找到这个例子,我也在寻找如何做到这一点.

猜你在找的JavaScript相关文章