JQuery datepicker onSelect 调用 Url.Action答案

【问题标题】：JQuery datepicker onSelect calling Url.AcionJQuery datepicker onSelect 调用 Url.Action
【发布时间】：2011-03-21 14:25:22
【问题描述】：

又是 Jquery 的新手！

有以下脚本和动作。动作调用正常，但 id 始终为空。

谢谢

<script type="text/javascript">
    $(function() {
        $('#datepicker').datepicker({
            dateformat: 'yy-mm-dd',
            inline: true,
            onSelect: function(date, inst) {
                $('#diary img').attr(
                    'src', 
                    '<%= Url.Action("Image") %>?id=' + date.toString());
            }
        });
    });        
</script>

public ActionResult Image(string id)
{
    if (!string.IsNullOrEmpty(id))
    {
    }
}

【问题讨论】：

您的代码看起来不错并且应该可以工作（除了在 onSelect 方法的结束 } 和应该是 dateFormat 的 dateformat 属性之后应该删除的尾随逗号）。您能在 FireBug 的 Net 选项卡中看到请求吗？请求的 url 是什么样的？
感谢您的更正。是的，可以在我收到 localhost:1842/Diary/Image?id=03/25/2011 的萤火虫中看到请求 - 但仍然是空的！

标签： jquery asp.net-mvc

【解决方案1】：

使用 .asString() 代替。这就是 datePicker 的作者使用的方法。归功于：JQuery Datepicker returned Date object type

【讨论】：

【解决方案2】：

玩了一会儿就让它工作了。

<script type="text/javascript">
    $(function() {
        $('#datepicker').datepicker({                
            inline: true,
            onSelect: function() {
            var date = $('#datepicker').datepicker('option', 'dateFormat', 'yy-mm-dd');                
            $('#diary img').attr(
                    'src',
                    '<%= Url.Action("Image") %>/' + date.val().toString());
            }                               
        });
    });        
</script>

【讨论】：