複数のIDに適用するとJQUERY UIの日付ピッカーが機能しない

JQUERY datepickerを次のフォームに統合しようとしています。なぜ私は何をしようとも日付ピッカーが動作しない理由を把握することができません。私はスタックのオーバーフローでどこでも見てきましたが、ソリューションのどれも働いていませんでした。複数のIDに適用するとJQUERY UIの日付ピッカーが機能しない

<html> 
    <head> 
     <script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
     <script type="text/javascript"  src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 
     <link href="manage.css" rel="stylesheet" type="text/css" /> 
     <link rel="stylesheet"  href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all"> 
      <script> 
    $(document).ready(function() { 
    $(function() { 
     $("#startdate" , "#enddate").datepicker({dateFormat: 'yyyy-mm-dd' } ); 

     }); 
    }); 
    </script> 
     </head> 
     <body> 
      <form action="" method="POST" name="form1"> 
       <label> 
        <b>Start Date</b> 
        <span class="style1">*</span> (format YYYY-MM-DD) 
       </label> 
       <br /> 
       <input type="text" name="time_start" id="startdate"/> 
       <br/> 
       <br/> 

      **strong text** 
       <label> 
        <b>End Date</b> 
        <span class="style1">*</span> (format YYYY-MM-DD) 
       </label> 
       <br /> 
       <input type="text" name="time_end" id="enddate"/> 
       <br/> 
       <br/> 
      </form> 
     </body> 
    </html>

出典

2016-12-06 nemesis94

何がmanage.cssですか？ – m2j

ページのCSSだけです。その基本的な形式。 – nemesis94

だけ$("#startdate, #enddate")で$("#startdate" , "#enddate")を交換してください。あなたのコードは動作します

私はちょうど<input>フィールドにクラスを追加し、複数のdatepickのスクリプトでそれを使用しました。必要なフォーマットについては、yyyy〜yyを減らしました。はあなたに与えます20162016-12-07

<html> 
    <head> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 
     <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" type="text/css" media="all"> 
     <script> 
      $(document).ready(function() { 
       $(function(){$('.datepick').datepicker({dateFormat: 'yy-mm-dd' }); }); 
      }); 
     </script> 
    </head> 
    <body> 
     <form action="" method="POST" name="form1"> 
      <label> 
       <b>Start Date</b> 
       <span class="style1">*</span> (format YYYY-MM-DD) 
      </label> 
      <br /> 
      <input type="text" name="time_start" class="datepick" id="startdate"/> 
      <br/> 
      <br/> 
      <label> 
       <b>End Date</b> 
       <span class="style1">*</span> (format YYYY-MM-DD) 
      </label> 
      <br /> 
      <input type="text" name="time_end" class="datepick" id="enddate"/> 
      <br/> 
      <br/> 
     </form> 
    </body> 
</html>

出典

2016-12-06 20:25:50 m2j

それは動作します！しかし、私はまだそれが複数のIDの – nemesis94

私の更新された答えを参照してください動作しなかった理解していない。 – m2j

複数のIDに適用するとJQUERY UIの日付ピッカーが機能しない

答えて

関連する問題