1

生徒の評価の一環として、オンライン フォームに Datepicker を追加しようとしています。私はこれらすべてに非常に慣れておらず、問題を抱えています。ダウンロードして jquery UI にリンクし、jquery UI Web サイトの状態に従ってコードを入力しましたが、日付フィールドをクリックしてもフォームにカレンダーがポップアップしません。このサイトから例を取り上げましたが、まだ動作させることができません。

<head>
  <link href="javascript/jquery-ui-1.10.3.custom/css/south-street/jquery-ui-1.10.3.custom.css" rel="stylesheet">
  <script src="javascript/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>
  <script src="javascript/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>

  <script>  
  function validate(){
  date = document.getElementById("datePicker").value;

  errors = "";

    if (date == ""){
      errors += "Please supply a valid DOB \n";
    }
  }
  </script>
</head>

<body>   
  <form name= "myform" method="post" action="" class="booking">
  <fieldset>
    <div>
      <label for="datePicker" class="fixedwidth">Date</label>
      <input type="text" name="datePicker" id="datePicker"/>
    </div>
  </fieldset>
</body>
4

6 に答える 6

2 
 <script>  
$(document).ready(function(){
    $("#datePicker").datepicker();
});

  function validate(){
  date = document.getElementById("datePicker").value;

  errors = "";

    if (date == ""){
      errors += "Please supply a valid DOB \n";
    }
  }
  </script>
于 2013-09-04T10:07:26.080 に答える
2

次のように、日付ピッカーを初期化するには、いくつかの jQuery コードが必要です。

    <script type="text/javascript">
    $(function(){
        $('#datePicker').datepicker();
    });
    </script>
于 2013-09-04T10:05:53.407 に答える
2

ボディ ロードで datepicker を呼び出す必要があります。

<script type="text/javascript">
$(document).ready(function(){
    $("#datePicker").datepicker();
});
</script>
于 2013-09-04T10:06:37.833 に答える
1

まず、datepicker UI メソッドを初期化します。

$(document).ready(function(){
    $("#datePicker").datepicker();
});

jQueryを使用しているので、次のような値を取得します

$("#datePicker").val();

更新： から選択した後に値を取得するにはdatepicker

$(document).ready(function () {
    $("#datePicker").datepicker({
        onSelect: function (date) {
            alert(date);
        }
    });
});

JSFiddle

于 2013-09-04T10:09:07.073 に答える
1 
You are missing this code in your script
$(function() {
    $( "#datepicker" ).datepicker();
  });
于 2013-09-04T10:07:49.243 に答える