使用Asp.Net MVC在服务器端设置JQWidgets Datetime Picker值

时间:2014-01-02 13:05:39

标签: asp.net-mvc jqwidget

使用JQWidgets创建日期时间选择器控件后,可以这种方式为该控件设置值:

$("#jqxdatetimeinput").jqxDateTimeInput(‘setDate’, new Date(2010, 1, 1));

没关系,但在我的情况下,我使用带Razor的Asp.Net MVC,并且在渲染我的视图时可以从我的存储库中检索到数据。

我希望能够在那一刻将日期值设置为我的日期时间选择器;在服务器端渲染视图时。

请注意,对于JQWidgets,要创建Datetime选择器,必须声明一个带有id的div元素,然后调用一个函数在Datetime选择器中对其进行转换。这就是为什么我无法将模型中的日期值设置为html元素的原因。

我不想在这个块中放置脚本块并访问我的模型来设置Datetime选择器:

<script>
  $("#MyDivElementId").jqxDateTimeInput('setDate', @Model.Today);
</script>

我还想要一个没有Knockout.js的解决方案;我喜欢Knockout.js但在我的情况下,简单的模型绑定解决方案就足够了。

任何人都有更好的解决方案吗?

1 个答案:

答案 0 :(得分:1)

$(“#divselector”)。jqxDateTimeInput({width:'150px',height:'25px',formatString:'dd / MM / yyyy',theme:theme,value:new Date(@ Model.ValidFrom。年,@ Model.ValidFrom.Month,@ Model.ValidFrom.Day)});