Salome HOME
jQuery UI datepicker is applied to date input fields in the study search form.
[tools/siman.git] / Workspace / Siman / WebContent / study / searchStudy.jsp
index b2280e124dc1766bf0b92fd8bcd72c9c3be4a2ad..22499a3c320fc52b3bcaa9dc6b22fe822bb742b0 100644 (file)
 <script>
 $(document).ready(function () {
     initialize('<s:property value="resultState"/>');
+    // Apply jQueryUI datepicker to appropriate input fields
+    $(".dateinput").datepicker({
+        dateFormat: "<s:text name="%{format}"/>".replace("yyyy","yy")
+    });
 });
 </script>
 
@@ -63,7 +67,7 @@ $(document).ready(function () {
                 <tr>
                   <td colspan="2"><s:text name="criterion.study"/>&nbsp;</td>
                   <td colspan="3" align="center">
-                  <select name="state" style="width: <s:text name="size.search.select"/>" onChange="setState()">
+                  <select name="state" style="width: <s:text name="size.search.select"/>" onChange="changeFilter()">
                     <s:if test="state == 'ANY'">       <option value="ANY"        selected><s:text name="criterion.any" /></option></s:if>
                     <s:else>                           <option value="ANY"                ><s:text name="criterion.any" /></option></s:else>
                     <s:if test="connectedUser != null">
@@ -105,15 +109,15 @@ $(document).ready(function () {
                   </s:set>
                   <td><s:text name="field.credate"/>&nbsp;</td>
                   <td><s:text name="field.after"/>&nbsp;</td>
-                  <td><input type="text" name=after size=7 onKeydown="changeFilter()" title="<s:property value="%{#tipdate}"/>" />&nbsp;</td>
+                  <td><input class="dateinput" onChange="changeFilter()" type="text" name=after size="7" onKeydown="changeFilter()" title="<s:property value="%{#tipdate}"/>" />&nbsp;</td>
                   <td><s:text name="field.before"/>&nbsp;</td>
-                  <td><input type="text" name=before size=7 onKeydown="changeFilter()" title="<s:property value="%{#tipdate}"/>" /></td>
+                  <td><input class="dateinput" onChange="changeFilter()" type="text" name=before size="7" onKeydown="changeFilter()" title="<s:property value="%{#tipdate}"/>" /></td>
                 </tr><tr>
                   <td><s:text name="field.lasdate"/>&nbsp;</td>
                   <td><s:text name="field.after"/>&nbsp;</td>
-                  <td><input type="text" name=after size=7 onKeydown="changeFilter()" title="<s:property value="%{#tipdate}"/>" />&nbsp;</td>
+                  <td><input class="dateinput" onChange="changeFilter()" type="text" name=after size="7" onKeydown="changeFilter()" title="<s:property value="%{#tipdate}"/>" />&nbsp;</td>
                   <td><s:text name="field.before"/>&nbsp;</td>
-                  <td><input type="text" name="before" size=7 onKeydown="changeFilter()" title="<s:property value="%{#tipdate}"/>" /></td>
+                  <td><input class="dateinput" onChange="changeFilter()" type="text" name="before" size="7" onKeydown="changeFilter()" title="<s:property value="%{#tipdate}"/>" /></td>
                 </tr>
               </table>
               <table cellpadding="0" cellspacing="0" border="0" class="text">