0

私はこのことを機能させるために最後の日を試みてきました。開始日と終了日のデモによく似た 2 つの日付ピッカーを用意しますが、それらを機能させることはできません。このコードはページの本文では機能しますが、検索バーを配置したいヘッダーでは機能しません。

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

誰でも私を助けてもらえますか？

4

3 に答える 3

0

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>
于 2013-02-18T11:53:56.223 に答える
0

ヘッダーに別の php ページがある可能性があります。したがって、ヘッダー ページに .js ファイルと datepicker のコードを含めます。それがあなたのために働くことを願っています。

于 2013-02-18T11:42:49.457 に答える
0

何らかの理由で、使用している 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>
于 2013-02-18T11:48:07.567 に答える