-2

プレーンテキストとして表示される日付があります。変更ボタンをクリックすると、日付ピッカーが下に表示され、日付を選択すると、日付ピッカーが非表示になります。プレーンテキストの日付を変更する必要があります。

<span id="display-date"> <?php  echo $sdate; ?></span>
<span id="d1" onClick="showdate()"> change </span>
<div  id="datepicker"></div>  

 <script>
  $(function() {
  $( "#datepicker" ).datepicker();
  });
 </script>

これが私が持っているすべてです。最初 (ページの読み込み時)、id="datepicker" の div を非表示にする必要があります。id="d1" で「変更」をクリックすると、id="datepicker" の div が表示されます。日付を選択すると、再び非表示になり、$sdate 変数がその値を取る必要があります。そのため、id="display-date" のスパン内のコンテンツを変更する必要があります。

4

2 に答える 2

2

あなたはjQueryをチェックアウトしたいdatepicker: http://jqueryui.com/datepicker/

例を次に示します: http://jsfiddle.net/h7wau/

HTML:

<input type="text" id="datepicker" value="2013-08-11" />

JS:

$("#datepicker").click(function () {
    $(this).datepicker();
});
于 2013-08-11T08:03:04.890 に答える
2

行う：

<span id="display-date"> <?php  echo $sdate; ?></span>
<span id="d1"> change </span>
<div  id="datepicker" style="display:none;"></div>

とjs

$( "#datepicker" ).datepicker({
    onSelect: function(dateStr, dateObj) {
        $("#display-date").html(dateStr);
        $("#datepicker").hide();
    }
});
$("span#d1").click(function() {
    $("#datepicker").show();
});

デモ :: jsFiddle

于 2013-08-11T08:07:45.763 に答える