jquery - datepickerによって投稿された日付を取得するには?

Question

私はこれを視野に入れています：

$('#datepicker').datepicker({
    onSelect: function (date, inst){
        $(this).parent('form').submit();
    }
});

<form method="post" name="datepickerForm">
    <div id="datepicker"></div>
</form>
Date Posted: @ViewBag.PostedDate

コントローラーには、次のものがあります。

public ActionResult Index(int? datepickerForm) {
    if(datepickerForm.HasValue) // this is always null
        ViewBag.PostedDate = datepickerForm.Value;
}

Answer 1

を に変更divしinputます。

<input id="datepicker" name="date" />

Answer 2

以下のコードを表示します

$('#datepicker').datepicker({
onSelect: function (date, inst){
    $(this).parent('form').submit();
} 
 });

 <form method="post" name="datepickerForm">
 <input id="datepicker"/>
  </form>

コントローラーに以下のコードがあります

public ActionResult Index(int? datepicker) {
//datepicker id of input element
    ViewBag.PostedDate = datepicker;
}

ありがとう

Answer 3

div私は表示とinput textbox日付の投稿の両方に使用することになりました。

$('#datepicker').datepicker({
    onSelect: function (date, inst){
        $('#datepickerTxt').val(date);
        $(this).parent('form').submit();
    }
});

<form method="post" name="datepickerForm">
    <div id="datepicker"></div>
    <input type="text" id="datepickerTxt" name="datepickerTxt" />
</form>
Date Posted: @ViewBag.PostedDate

コントローラーには、次のものがあります。

public ActionResult Index(string datepickerTxt) {
    if(!string.IsNullOrEmpty(datepickerTxt)
        ViewBag.PostedDate = datepickerTxt;
}

Answer 4

使用する

<input id="datepicker" name="date" />

それ以外の

<div id="datepicker"></div>

thisを読んでください。この記事では、datepicker を使用してデータをコントローラーに送信/ポストする正しい方法を示しています。