質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

14876閲覧

jQuery UIのDatepickerでカレンダーが表示されない

motokitominaga

総合スコア20

jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2015/05/04 02:59

よろしくお願いいたします。
jQuery UIのDatepickerでカレンダーを利用し、html.phpにhead.phpをインクルードし表示させようとしているのですが、入力フォームをクリックしても、表示されません。

ご教授下さい。

【head.php】
...

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script> ...

【html.php】
...

<script type='text/javascript'> $(function() { $("#day1").datepicker(); $("#day1").datepicker("option", "showOn", 'both'); }); </script>

...

<html> .... <td><input type="text" name="day" value="$row[day]" id="day1"></td>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

こんにちは。
私の手元のほうで、以下ような html.php と head.php を
同じディレクトリに作成して検証しました。

  1. html.php

lang

1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>Datepickerのテスト</title> 6 7<?php require_once 'head.php';?> 8 9<script type='text/javascript'> 10$(function() { 11$("#day1").datepicker(); 12$("#day1").datepicker("option", "showOn", 'both'); 13}); 14</script> 15 16</head> 17<body> 18<table border="1"> 19<tr> 20<td><input type="text" name="day" value="$row[day]" id="day1"></td> 21</tr> 22</table> 23</body> 24</html>
  1. head.php

lang

1<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> 2<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 3<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 4<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>

これらを、とあるサーバーにFTPして、ブラウザから

http://(とあるサーバー)/html.php

にアクセスしたら、ちゃんと Datepicker が表示されました。

チェックポイントとしては

  • html.php の<head>の中でrequire_once なりでhead.phpを読んでいるかどうか
  • require_onece は書いてあるけれど、head.phpのパスが間違っているかもしれない。

といったところですが、いかがでしょうか?

投稿2015/05/04 03:39

編集2015/05/04 04:04
jun68ykt

総合スコア9058

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問