2

Asp.netMVCアプリケーションで以下のようなJqueryUIDatepickerを使用しています。

質問

  1. カレンダーをブロックまたは削除する方法は？（私はそれを必要としません）

  2. それでも私はそのDatepickerに他のものが欲しいです。日付形式、デフォルトの日付など

理由

ユーザーがカレンダーから日付を選択することを許可しませんが、日付形式を維持する必要があります。

HTML

<td>
     @Html.EditorFor(m => m.CheckIn.DateCheckIn)
</td>

Jqueryコード

 $('#CheckIn_DateCheckIn').datepicker({ dateFormat: 'm/d/yy', altFormat: 'yy-m-d',  onSelect: function () { $(this).parents('form:first').submit(); } });

UI

ここに画像の説明を入力してください

4

3 に答える 3

3

HTML

<input type="text" id="datepicker" />

Jクエリ

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

#datepicker を jquery コードから削除しました。それで終わりです。または完全な jquery コードの上で削除しました

デフォルトの日付を使用し、ユーザーから無効にする場合は、次のコードを使用します

<p>Date: <input type="text" value="12/19/2012" id="datepicker" disabled></p>

フィドルの例

于 2012-12-19T08:30:39.337 に答える
2

カレンダー部分を「無効にする」方法の 1 つは、showOnを"button"次のように設定することです。

$("#datepicker").datepicker({ showOn: "button" });

次に、css でボタンを非表示にします。

.ui-datepicker-trigger { display: none; }​

http://jsfiddle.net/ukHLT/を参照してください

または、無効な html 属性を設定するだけです。

@Html.TextBoxFor(m => m.CheckIn.DateCheckIn, new { disabled = "disabled" })
于 2012-12-19T08:37:42.857 に答える
0

私は@Marioが言ったことに従いました。

現在、私のテキストボックスには日付形式があり、日付を選択することもできません。

@Html.TextBoxFor(m => m.CheckIn.DateCheckIn, new { disabled = "disabled" })
于 2012-12-19T14:08:12.217 に答える