1

以下のようにjqueryカレンダーを作成しました

<div id="calendar"> </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jquery-ui-datepicker.min.js"></script>
<script>
    $('#calendar').datepicker({
         inline: true,
         firstDay: 1,
         showOtherMonths: true,
         dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
    });
</script>

ユーザーはこのカレンダーから日付を選択できます。エコーまたは他の方法を使用してphpページにこの日付を印刷する方法は？ユーザーが選択した日付をデータベースに保存したい。これを行う方法？jquery-ui-datepicker.min.js のリンクは次のとおりです。 http://www.anmaveer.in/honda/js/jquery-ui-datepicker.min.js

4

4 に答える 4

1

テキストボックスを作成し、そのIDを「カレンダー」に設定します

<input type="text" name="calender_text" id="calendar">

このテキスト ボックスをフォームに入力し、このフォームを送信するときに、このフィールドを要求します

$_REQUEST['calender_text'];

これで、この値をデータベースに挿入できます

于 2013-10-16T06:29:06.113 に答える
1

最初のカレンダーがこのように表示されることはありません。次に、値を取得する必要がある場合は、id を含むテキスト フィールドを使用してからcalendar、コードを使用します。

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="js/jquery-ui-datepicker.min.js"></script>
  <script>
$('#calendar').datepicker({
     inline: true,
     firstDay: 1,
     showOtherMonths: true,
     dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
});
 </script>

を使用して、日付ピッカーの変更イベントで選択された日付の値を取得しますjQuery("#calendar").val();

于 2013-10-16T06:29:11.950 に答える
0

次のように、JavaScript で日付の値を取得できます。

HTML:

<input type="text" id="calendar">

JS:

$('#calendar').datepicker({
    inline: true,
    firstDay: 1,
    showOtherMonths: true,
    dayNamesMin: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
});

$('#calendar').on('change', function () {
    console.log($(this).val());
})

新しい日付が選択されるたびに、コンソールに記録されます。console.log()をカスタム ロジックに簡単に変更できます。

フィドル: http://jsfiddle.net/KyleMuir/6fJ9u/

お役に立てれば

于 2013-10-16T06:28:49.420 に答える