1

日付ピッカーを使用して開始日と終了日のフォームがあります。

<input name="dateBegin" id="start" type="text" title="<?php echo date("m/d/Y"); ?>" style="position: relative; z-index: 10;" />
<input name="dateEnd" id="end" type="text" title="<?php echo date("m/d/Y"); ?>" style="position: relative; z-index: 10;" />

それらを「そのまま」使用すると、両方のフィールドにカレンダーアイコンが表示されます。

次のコード (以下) をフォームに添付すると (開始日の値で終了日を設定します)、開始日のカレンダー アイコンが消えます。

追加のコードを使用してもカレンダー アイコンを固定するにはどうすればよいですか?

<script>
$('#start').datepicker({
 onSelect: function(dateText, inst) {
 $("#end").val(dateText);
}
});
</script>
4

1 に答える 1

0

さて、私はあなたがここに与えたコードを調べて、いくつかの変更を加えました:

$(document).ready(function() {
$('#start').datepicker({
 showOn: "button",
 buttonImage: "http://keith-wood.name/img/calendar.gif",
 buttonImageOnly: true , 
 onSelect: function(dateText, inst) {
 $("#start").val(dateText);
}
});

$('#end').datepicker({
 showOn: "button",
 buttonImage: "http://keith-wood.name/img/calendar.gif",
 buttonImageOnly: true , 
 onSelect: function(dateText, inst) {
 $("#end").val(dateText);
}
});
});

このライブデモをお試しください。

両方のフィールドを並べて保持したい場合は、これを試すことができます: http://jsfiddle.net/XXa7h/5/

編集:わかりましたので、以下のソリューションは両方の場所で開始日を設定します。

これを参照してください：http://jsfiddle.net/XXa7h/7/

ご覧のとおり、私はまだ$("#end").val(dateText);コメントを外したままです。場合によっては、ユーザーにフィールドで日付を選択させたくない場合は、Endコメントアウトするか行を削除してください。これで十分だと思います！乾杯 ！

于 2013-08-14T18:50:05.973 に答える