php - JQuery 日期选择器行为

Question

最近几天我一直在努力让这个东西发挥作用。有两个日期选择器很像开始和结束日期演示，但不能让它们工作。此代码适用于页面主体，但不适用于我希望有搜索栏的页眉。

         <script type="text/javascript">
        $(function() {
            $( "#from" ).datepicker({
                dateFormat: "dd-mm-yy",
                defaultDate: "+1w",
                changeMonth: true,
                numberOfMonths: 3,
                onClose: function( selectedDate ) {
                    $( "#to" ).datepicker( "option", "minDate", selectedDate );
                }
            });
            $( "#to" ).datepicker({
                dateFormat: "dd-mm-yy",
                defaultDate: "+1w",
                changeMonth: true,
                numberOfMonths: 3,
                onClose: function( selectedDate ) {
                    $( "#from" ).datepicker( "option", "maxDate", selectedDate );
                }
            });
        });
    </script>
    <form method="post" name="top_search_form" action="<?php bloginfo('wpurl');?>/?page_id=13" style="z-index:inherit">
        <input type="hidden" name="a" value="dosearch"/>
        <input id="top_search_input" placeholder="Procurar..." style="z-index:inherit" type="text" name="keywordphrase" value=""/>
            <input type="text" id="from" name="searchstartdate" placeholder="Partida" class="from" style="z-index:inherit"/>
        <input type="text" id="to" name="searchenddate" placeholder="Chegada" class="to" style="z-index:inherit"/>
        <input id="top_search_button" type="submit" value="Search" style="z-index:inherit">
    </form>

谁能帮帮我？

Answer 1

将设置移到您正在使用的 function() 之外，出于某种原因，日期选择器不喜欢这样/没有正确挂接到框。

这是我的做法，效果很好。

Start : <input type="text" name="startdate" id="startdate" value="<?php echo $startdate;?>" />
End : <input type="text" name="enddate" id="enddate" value="<?php echo $enddate;?>" />

<script>
//date popup instigation
$( "#startdate" ).datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true, changeYear: true });
$( "#startdate" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
$( "#startdate" ).datepicker( "option", "showAnim", "blind" );
$( "#enddate" ).datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true, changeYear: true });
$( "#enddate" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
$( "#enddate" ).datepicker( "option", "showAnim", "blind" );
</script>