Php JQuery日期选择器行为

过去几天我一直在努力让这件事正常运作。 有两个日期选择器，很像开始和结束日期演示，但不能让它们工作。这段代码适用于页面的主体，但不适用于我希望有搜索栏的标题

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

$（函数（）{
$（“#from”）.datepicker({
日期格式：“dd-mm-yy”，
默认日期：“+1w”，
变化月：对，
月数：3，
onClose：函数（selectedDate）{
$（“#至”）.datepicker（“选项”，“minDate”，selectedDate）；
}
});
$（“#到”）。日期选择器({
日期格式：“dd-mm-yy”，
默认日期：“+1w”，
变化月：对，
月数：3，
onClose：函数（selectedDate）{
$（“#from”）.datepicker（“选项”，“maxDate”，selectedDate）；
}
});
});
可能是您的标题有不同的php页面。因此，在您的首页中包括.js文件和datepicker的代码。希望它对你有用
 将设置移到您正在使用的函数（）之外，因为某些原因，日期选择器不喜欢这样做/无法正确挂接到框

我是这样做的，效果很好

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>

Start:我将使用类而不是id，我还将放置Javascript和文档末尾，这将解决您的问题

<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>
<script type="text/javascript">
$(document).ready({
    $( ".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>

它是如何工作的？会发生什么？你得到了什么错误？你有相同的表单，在两个地方都复制了相同的id吗？它给出了id或类中冲突的错误，所以请注意，是的，我有一个具有相同id的登录页，它在那里工作得很好。然而，在其他地方，它不起作用。当我说它不工作时，它只是不弹出调用
datetimepicker
需要额外的插件：）它完全是同一个插件，只是为了支持时间而不是日期。将它重命名为just.datepicker，它的工作原理将完全相同，除此之外，他的主要问题仍然是它在函数（）包装器中！我知道：）我在你的回答中提到了这一点。