JQUERY UI 应用于多个 ID 时日期选择器不起作用

Question

我正在尝试将 JQUERY datepicker 与以下表格整合。我似乎无法弄清楚为什么无论我尝试什么，日期选择器都不起作用。我到处查看堆栈溢出和 none 的解决方案。

<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>

Answer 1

只需将 $( "#startdate" , "#enddate" ) 替换为 $( "#startdate, #enddate" )。您的代码将有效

我刚刚将 class 添加到 <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>

JQUERY UI 应用于多个 ID 时日期选择器不起作用

JQUERY UI datepicker not working when applied to multiple ids

jquery-ui-datepicker