如何仅从Kendo UI中的datepicker小部件中提取月份到警报框?

时间:2016-02-22 08:29:07

标签: javascript asp.net-mvc kendo-ui datepicker

我目前正在开发一个ASP.NET MVC 4项目,在我看来我使用的是Kendo UI。我想只显示Datepicker小部件中的月份和年份(例如:2016年1月)到警告框中,但我得到以下内容:IMAGE

我的观看代码如下:

 @(Html.Kendo().DatePicker()
               .Name("datepicker")
               .Start(CalendarView.Year)
               .Depth(CalendarView.Year)
               .Format("MMMM yyyy")
               .Value(DateTime.Today)
               .HtmlAttributes(new { style = " width: 95.5%;})
               .Events(e => e.Change("monthpicker_change"))

    )

<script>
   // monthpicker_change function
    function monthpicker_change() {

      var month = $("#datepicker").data("kendoDatePicker");
     alert(month.value());

   }
</script>

请在我的脚本中建议我需要做哪些更改,以便在“提醒”框中仅显示所选的月份和年份。

PS:我已将datepicker格式化为仅显示MONTHS和YEAR,而不是标准日期

1 个答案:

答案 0 :(得分:0)

kendoDatePicker.value方法始终返回javascript Date

您应该使用Date方法从日期对象中提取月份和年份:

var date = $("#datepicker").data("kendoDatePicker").value();
alert((date.getMonth()+1) + '.' + date.getFullYear());

注意:getMonth()返回0到11之间的值; 0是一月。

以下是Date函数的完整参考:http://www.w3schools.com/jsref/jsref_obj_date.asp