1

日付ピッカーを作成したいのですが、javascript を使用してカレンダーを作成しています。コードは以下のとおりです。

<html>
<head>
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
$( ".datepicker" ).datepicker();
});
</script>
</head>
<body>
    <div class="date-picker">
    <p>From:<input type="text" class="datepicker" /></p><br>
    <p>To  : <input type="text" class="datepicker" /></p>
    </div>
</body>
</html>

これをhtmlファイルに書くとうまくいきますが、データベースクエリも使いたいのでphpに書きたいと思います。だから、私はこのようにphpでjavascriptを書きます：

<html>
<head>
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<?php
echo '<script>';
echo '$(function() {';
echo '$( ".datepicker" ).datepicker();';
echo '});';
echo '</script>';
?>
</head>
<body>
<?php
echo '<div class="date-picker">';
echo '<p>From:<input type="text" class="datepicker" /></p><br>';
echo '</div>';
?>
</body>
</html>

そして、それは機能していません。何か案は？

4

4 に答える 4

1

クライアントサーバーアーキテクチャの正確さを理解しているかどうかわかりません:

  1. php-code は、URL が要求された場合にコードを実行する http サーバーで解釈されます。次に、php-code の出力がクライアントに送信されます。
  2. サーバーからページが読み込まれると、JavaScript がクライアントで実行されます。

Web アプリケーションの php 部分 (少なくとも従来の設計では) は、クライアント側の JavaScript コードと同時に実行されません。サーバー側で php を使用してデータベース処理を行い、クライアント側で JavaScript を使用していくつかの視覚効果/制御を行いたい場合は、いくつかのオプションがあります。

  1. PHP で JavaScript を生成する: クライアントで実行されるコードを生成します。これは、後でjsによって解釈される配列を埋めている可能性があります。
  2. javascript を含み、サーバーに php 生成データを要求する静的な html ページを配信します。これは、 を使用して実現できますXMLHTTPRequest。
  3. 他にもいくつかの方法がありますが、広く使用されていません。たとえば、通信は XMLHTTPRequest の代わりに WebSocket を介して行うことができます。
于 2013-08-09T11:57:59.983 に答える
0

以下のように簡単なスクリプトを記述します。

<?php
    echo "<script>
      $(function() {
         $( '.datepicker' ).datepicker();
      });
   </script>";
?>
于 2013-08-09T11:54:59.200 に答える