带MVC的Jquery Datepicker - 获取日期

时间:2012-10-17 13:59:21

标签: asp.net-mvc jquery-ui-datepicker

我的MVC视图中有以下内容:

    @Html.TextBoxFor(model => model.FromDateCollected, new { style = "width:90px;" }) 

在查询中,我有以下内容:

    $("#FromDateCollected").datepicker();

要获得所选日期,我尝试了以下内容:

     var dt = $("#FromDateCollected").datepicker("getDate")

     alert(dt);

但得到:

    [object Object]  

2 个答案:

答案 0 :(得分:1)

只需获取文本框的值

var dt = $("#FromDateCollected").val();
alert(dt);

如果您想获得所选日期,当用户在日历中选择日期时,您可以在onSelect事件中执行此操作

 $(function() {

   $('#FromDateCollected').datepicker({
      onSelect: function(dateText, inst) {
           alert(dateText);
      }
   });

});

工作样本http://jsfiddle.net/pDmjm/5/

编辑:根据评论,

$("#FromDateCollected").datepicker("getDate")将为您提供一个Date对象,$("#FromDateCollected").val();会在文本框中为您提供一个包含当前值的字符串。将结果写入控制台,您将看到结果。

示例:http://jsfiddle.net/pDmjm/14/(警报后检查firebug控制台)

答案 1 :(得分:0)

您可以从文本框值中获取日期。

var dt = new Date(Date.Parse($('#FromDateCollected').val()));
alert(dt);