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时不起作用

回答

相关问题