【问题标题】:parsing datetime using mvc and js使用 mvc 和 js 解析日期时间
【发布时间】:2012-09-11 17:58:08
【问题描述】:

我已经实现了 jquery 日期选择器,但我正在努力解析日期时间值。场景如下,用户应使用 jquery datepicker 选择日期,日期应采用以下格式 (dd.MM.yy),日期时间值应使用 ajax 发送到控制器,并通过 json 接收(为简单起见)一些虚拟数据。

我有关注

Views/Shared/EditorTemplates/DateTime.cshtml

@model DateTime
@Html.TextBox("", Model.ToString("dd.MM.yy"),  new { @class = "date" })

查看次数/首页/ @Html.EditorFor(m => m.MyDate)

<script type="text/javascript">
    $('#pickDate').click(function () {
        var date = $('input[name="MyDate"]').val();    
        $.ajax({
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            data: { MyDate: date }, 
            url: '/Home/DateManipulation',
            success: function (result) { alert('Success');  },
            error: function () { alert("error"); }
        });    
    });
</script>

HomeController.cs
 [HttpPost]
 public JsonResult DateManipulation(string MyDate)
 {
    DateTime date = DateTime.ParseExact(MyDate, "dd.MM.yy", CultureInfo.InvariantCulture);              
    var process = //omitting 
    return Json(process);
 }

在 _Layout.cshtml 上我已经准备好 dom

 $('.date').datepicker({ dateFormat: "dd.MM.yy" });

我没有在控制器上获取日期,错误是 Invalid JSON 原语:MyDate。

【问题讨论】:

    标签: c# ajax json asp.net-mvc-3


    【解决方案1】:

    致电/Home/DataManipulation/

    <script type="text/javascript">
        $('#pickDate').click(function () {
            var date = $('input[name="MyDate"]').val();    
            $.ajax({
                type: 'POST',
                contentType: 'application/json; charset=utf-8',
                data: { MyDate: date }, 
                url: '/Home/DateManipulation',
                success: function (result) { alert('Success');  },
                error: function () { alert("error"); }
            });    
        });
    </script>
    

    尝试将data: { MyDate: date } 替换为data: JSON.stringify({ MyDate: date })

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多