0

重複の可能性:
ユーザー入力を許可しないテキスト入力の JQuery Datepicker

mvc3 を使用して Web サイトを開発しています。DateTime フィールドのエディター テンプレートを作成し、jquery ui を使用して日付を選択しました。今、私はユーザーが日付フィールドのテキスト ボックスに入力することを望んでいません。ユーザーは jquery ui を使用してのみ選択する必要があります。可能でしょうか？可能であれば、これを行う方法は?

4

2 に答える 2

1

エディター テンプレートに次を追加します。

ここに画像の説明を入力

@model System.DateTime?
@Html.TextBox("", (Model.HasValue ? Model.Value.ToString("dd.MM.yyyy"): string.Empty), new { @class = "date-pick" })

<script type="text/javascript">
    $(function () {
        $(".date-pick").attr("readonly", "true");    
        $('.date-pick').datepicker({
            dateFormat: "dd.mm.yy",
            yearRange: "-162:+0",
            showWeek: true,
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            changeButtonPanel: true,
            buttonImageOnly: true,
            showOn: "button",
            buttonImage: '@Url.Content("~/Content/images/calendar_32.png")'
        });               
    });  
</script>

カスタムの日付形式も指定していることに注意してください。

于 2012-09-03T12:02:53.077 に答える
0

読み取り専用にしますか?

@Html.TextBoxFor(model => model.PostedDate, new { @readonly = "readonly" })
于 2012-09-03T11:59:40.380 に答える