jquery - 如何获取日期选择器发布的日期？

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

采用

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

代替

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

阅读这篇文章，这篇文章演示了使用 datepicker 并将数据发送/发布回控制器的正确方法。

Answer 4

我最终同时使用了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;
}