1

これが私のコードです

datepicker のファイルを含めます。

<html>
    <head>
      <link rel="stylesheet"  type="text/css" media="all" href="css/jsDatePick_ltr.min.css"/>
       <script type="text/javascript" src="js/jsDatePick.min.1.3.js"></script>
       <script type="text/javascript">

            window.onload = function(){
                new JsDatePick({
                    useMode:2,
                    target:"date",
                    dateFormat:"%d-%m-%Y"
                });
            };

       </script>
    </head>

ここでは、date と date1 の 2 つのフィールドに datepicker を表示したいのですが、1 つのフィールドには表示されていません。

     <body>
         <table width="600" border="0" cellspacing="0" cellpadding="0">
             <tr>
                 <td height="25">&nbsp;</td>
                 <td width="45" class="form_txt">Date : </td>
                 <td width="105"><input name="date"  style="color:black;background:white" type="text" id="date" style="" /></td>
                 <td width="87"><img src="../images/cal.jpg" width="36" height="18" /></td>
                 <td width="45" class="form_txt">Date1 : </td>
                 <td width="105"><input name="date"  style="color:black;background:white" type="text" id="date1" style="" /></td>
                 <td width="87"><img src="../images/cal.jpg" width="36" height="18" /></td>
             </tr>
         </table>
     </body>
 </html>
4

1 に答える 1

1

ページに同じ属性値を複数回設定することはできませんid...次のように 2 つの を作成する必要がありますjsDatePick:

 window.onload = function(){
    new JsDatePick({
      useMode:2,
      target:"date",
      dateFormat:"%d-%m-%Y"
    });
    new JsDatePick({
      useMode:2,
      target:"date2",
      dateFormat:"%d-%m-%Y"
    });
 };

そして、HTMLは次のようになります

<td width="105"><input name="date"  style="color:black;background:white" type="text" id="date" style="" /></td>
<td width="105"><input name="date2"  style="color:black;background:white" type="text" id="date2" style="" /></td>

2 番目の変更に注目してください。input今はdate2foridとname

于 2013-06-11T11:41:32.980 に答える