JQUERY UI日期選擇器在應用於多個ID時不起作用

我正在嘗試將JQUERY datepicker與以下表單集成。我似乎無法弄清楚爲什麼日期選擇器無論我嘗試什麼都不起作用。我在堆棧溢出方面無處不在，沒有解決方案。JQUERY UI日期選擇器在應用於多個ID時不起作用

<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>字段，並將其用於多個日期選擇的腳本中。並將所需格式的yyyy減少爲yy。 yyyy會給你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

JQUERY UI日期選擇器在應用於多個ID時不起作用

回答

相關問題