0

ブートストラップ フォーム インラインを使用して簡単な予約を作成したいと考えています。しかし、私はいくつかの問題があります:

  1. インラインのフォームにマージンが残っています [ マージンを残したくありません]
  2. Datepicker はチェックアウト日を自動的に生成できません[チェックイン日をクリックした後、例: 2013 年 10 月 22 日システムは自動で 2013 年 10 月 23 日をチェックアウトするため、ユーザーはこの日付から開始するのが難しくなります]

どうやってするか？これは私のスクリプトhtmlです

<div class="row">
        <div class="span12">
        <form class="form-horizontal">
            <div class="control-group">
                <div class="controls form-inline" id="sandbox-container">
                    <label for="check-in">CHECK - IN</label>
                    <input type="text" id="cid" name="fymd" class="span2 input-append date" placeholder="dd/mm/yyyy">
                    <label for="check-out">CHECK - OUT</label>
                    <input type="text" id="cod" name="tymd" class="span2 input-append date" placeholder="dd/mm/yyyy">
                </div>
            </div>
        </form>
        </div>
    </div>

hereから使用するdatepickerのブートストラップjavascript 。この JavaScript インライン

<script>
$('#sandbox-container .input-append.date').datepicker({
    format: "dd/mm/yyyy",
    startDate: "0d",
    endDate: "+2y",
    autoclose: true,
    todayHighlight: true
});
</script>

ファイル CSS はブートストラップから標準です。これはスクリーンショットです：ここに画像の説明を入力

4

1 に答える 1

-1

問題 1:インライン フォームの正しい構造は次のとおりです。

<div class="row">
    <div class="span12">
        <form class="form-inline" id="sandbox-container">
            <label for="check-in">CHECK - IN</label>
            <input type="text" id="cid" name="fymd" class="span2 input-append date" placeholder="dd/mm/yyyy" />
            <label for="check-out">CHECK - OUT</label>
            <input type="text" id="cod" name="tymd" class="span2 input-append date" placeholder="dd/mm/yyyy" />
        </form>
    </div>
</div>

デモフィドル

問題 2:リンク先のプラグイン ページには、必要な機能を備えた完全な例があります。

于 2013-08-22T06:15:02.867 に答える