2017-07-09 1 views
0

Nous avons un composant sélecteur de date personnalisé dans notre application développée en javascript, je veux utiliser ce composant pour filtrer les valeurs de colonne dans jqGrid (ie je veux remplacerComment utiliser un sélecteur de date personnalisé pour filtrer les données dans jqGrid

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

Comment puis-je faire cela, étant donné que le composant personnalisé est comme ceci:

<IMG style="CURSOR: hand" onclick='datePick("field_to_fill_with_date_picked", this,"form_name")' border=0 src="/path/to/calendar/image.gif">

Une autre question: le code précédent est en fait pas en mesure de filtrer les données dans le colonne .. il ressemble à ci-dessous ... lorsque je choisis une date qui est présente dans les valeurs de la colonne rien ne se passe du tout.

enter image description here

+0

Vous devez fournir ** la démo **, qui peut être utilisé pour reproduire le. problème. De plus, vous devriez toujours inclure les informations sur ** la version ** de jqGrid, que vous utilisez (peut utiliser), et de quelle fourchette de jqGrid ([free jqGrid] (https://github.com/free-jqgrid/jqGrid), commercial [Guriddo jqGrid JS] (http://guriddo.net/?page_id=103334) ou un ancien jqGrid dans la version <= 4.7). Il est très important de connaître 'datatype' de la grille, les options de' formatter: "date" 'et le format des données d'entrée dans la colonne date. Démo (dans jsfiddle) par exemple simplifier tout. – Oleg

+1

Essayez la démo https://jsfiddle.net/OlegKi/zs013rbb/, qui utilise datepicker avec jqGrid 4.14.1 gratuit. – Oleg

Répondre

0

Dans tous les cas afin d'obtenir une réponse de votre problème, vous devrez fournir plus d'informations sur ce composant DatePicker - je veux dire la description détaillée des paramètres, ce composant peut être utilisé avec la fonction de liaison jquery et etc .

Par exemple, vous dites

datePick("field_to_fill_with_date_picked", this,"form_name") 

Que signifie field_to_fill_with_date_picked - est cet identifiant ou le nom sous la forme.

Vous voudrez peut-être regarder Guriddo jqGrid Knowledge Base et obtenir idée de déclencher une recherche lors de la sélection d'une date (en utilisant datepicker jQuery UI)

1

Vous voulez obtenir le résultat de cette image? use bootstrap-datetimepicker.js resutl

Je l'ai fait utiliser le code:

{name:'CREATE_DATE_TIME',label:'创建时间',sortable:true,align:'center', 
        searchoptions : { 
         dataInit: function (element) { 
           $(element).datetimepicker({ 
            minView: 0, 
            language: 'zh-CN', 
            format: "yyyy-mm-dd" , 
            todayBtn: 1, 
            autoclose: 1 
           }); 
          }, 
        } 

vous pouvez utiliser votre plug-in date en fonction de rappel dataInit