【问题标题】:pass model property from view to javascript in asp.net MVC5在asp.net MVC5中将模型属性从视图传递给javascript
【发布时间】:2017-05-09 17:27:15
【问题描述】:

我是asp.net MVC5的新手,请耐心等待。

我有一个控制器,它返回带有模型的 ActionResult,我可以通过 Razor 使用这个模型,但我想在 JavaScript 中使用它。

我搜索示例并尝试然后达到此结果

 
   $('document').ready(function () {
   $("#Arrival").datepicker({
        minDate: 0,
        maxDate:userObj , ////here i want to pass model value 
        dateFormat: 'dd/mm/yy',
        showOn: "button",
        buttonImage: "img/ui_cal_icon.gif",
        buttonImageOnly: true,
        buttonText: "Select date",

    });
 });

这是视图中的脚本,我想将这个值传递给 datepicker 中的 maxDate

 <script type="text/javascript">
        var userObj = @Html.Raw(Json.Encode(Model.MaximumDaysAheadBookable)); //For javascript object
       
    </script>

感谢您的帮助。

【问题讨论】:

  • 那么究竟是什么问题?
  • @Jasen 我想从模型视图中设置 datepicker 中的 maxdate 值,你明白了吗?

标签: javascript jquery asp.net-mvc razor asp.net-mvc-5


【解决方案1】:

可能只是不好的命名,但MaximumDaysAheadBookable 似乎是一个整数,而maxDate 可能需要 JavaScript 日期或 ISO 日期字符串。如果是这种情况,那么您需要执行以下操作:

 var maxDate = '@DateTime.Today.AddDays(Model.MaximumDaysAheadBookable).ToString("yyyy-MM-dd")';

没有必要为此使用Html.RawJson.Encode

【讨论】:

  • 所以,我将这一行放在 file.js 中以将 maxdate 传递给 datepicker ??对
  • MaximumDaysAheadBookable 类属性的最大天数我在从今天起 450 天后设置了这一行从今天开始设置它?我如何从Model.MaximumDaysAheadBookable动态设置它
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-11-02
  • 2021-12-01
  • 2012-07-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多