zoukankan      html  css  js  c++  java
  • [转]ASP.NET MVC HtmlHelper扩展之Calendar日期时间选择

    本文转自:http://blog.bossma.cn/asp_net_mvc/asp-net-mvc-htmlhelper-calendar-datetime-select/

    这里我们扩展HtmlHelper,就像它包含在ASP.NET MVC中一样,扩展方法使我们能为已有的类添加方法。这里使用了一个日期时间选择控件:My97DatePicker,需要添加到网站中,并在页面中引用。

    先看看是怎么扩展的:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    using System;
    using System.Collections.Generic;
    using System.Runtime.CompilerServices;
    using System.Linq.Expressions;
     
    namespace System.Web.Mvc
    {
        /// <summary>
        /// Extended the HtmlHelper for Calendar
        /// </summary>
        public static class CalendarExtensions
        {
            private static string defaultFormat = "yyyy-MM-dd";
     
            /// <summary>
            /// 使用特定的名称生成控件
            /// </summary>
            /// <param name="helper">HtmlHelper对象</param>
            /// <param name="name">控件名称</param>
            /// <returns>Html文本</returns>
            public static string Calendar(this HtmlHelper helper, string name)
            {
                return Calendar(helper, name, defaultFormat);
            }
     
            /// <summary>
            /// 使用特定的名称生成控件
            /// </summary>
            /// <param name="helper">HtmlHelper对象</param>
            /// <param name="name">控件名称</param>
            /// <param name="format">显示格式</param>
            /// <returns>Html文本</returns>
            public static string Calendar(this HtmlHelper helper, string name, string format)
            {
                return GenerateHtml(name, null, format);
            }
     
            /// <summary>
            /// 使用特定的名称和初始值生成控件
            /// </summary>
            /// <param name="helper">HtmlHelper对象</param>
            /// <param name="name">控件名称</param>
            /// <param name="date">要显示的日期时间</param>
            /// <returns>Html文本</returns>
            public static string Calendar(this HtmlHelper helper, string name, DateTime date)
            {
                return Calendar(helper, name, date, defaultFormat);
            }
     
            /// <summary>
            /// 使用特定的名称和初始值生成控件
            /// </summary>
            /// <param name="helper">HtmlHelper对象</param>
            /// <param name="name">控件名称</param>
            /// <param name="date">要显示的日期时间</param>
            /// <param name="format">显示格式</param>
            /// <returns>Html文本</returns>
            public static string Calendar(this HtmlHelper helper, string name, DateTime date, string format)
            {
                return GenerateHtml(name, date, format);
            }
     
            /// <summary>
            /// 通过lambda表达式生成控件
            /// </summary>
            /// <param name="helper">HtmlHelper对象</param>
            /// <param name="expression">lambda表达式,指定要显示的属性及其所属对象</param>
            /// <returns>Html文本</returns>
            public static string CalendarFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression)
            {
                return CalendarFor(helper, expression, defaultFormat);
            }
     
            /// <summary>
            /// 通过lambda表达式生成控件
            /// </summary>
            /// <param name="helper">HtmlHelper对象</param>
            /// <param name="expression">lambda表达式,指定要显示的属性及其所属对象</param>
            /// <param name="format">显示格式</param>
            /// <returns>Html文本</returns>
            public static string CalendarFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression, string format)
            {
                string name = ExpressionHelper.GetExpressionText(expression);
                DateTime value;
     
                object data = ModelMetadata.FromLambdaExpression<TModel, TProperty>(expression, helper.ViewData).Model;
                if (data != null && DateTime.TryParse(data.ToString(), out value))
                {
                    return GenerateHtml(name, value, format);
                }
                else
                {
                    return GenerateHtml(name, null, format);
                }
            }
     
            /// <summary>
            /// 通过lambda表达式获取要显示的日期时间
            /// </summary>
            /// <param name="helper">HtmlHelper对象</param>
            /// <param name="expression">lambda表达式,指定要显示的属性及其所属对象</param>
            /// <param name="format">显示格式</param>
            /// <returns>Html文本</returns>
            public static string CalendarDisplayFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression, string format)
            {
                string name = ExpressionHelper.GetExpressionText(expression);
                DateTime value;
     
                object data = ModelMetadata.FromLambdaExpression<TModel, TProperty>(expression, helper.ViewData).Model;
                if (data != null && DateTime.TryParse(data.ToString(), out value))
                {
                    return value.ToString(format);
                }
                else
                {
                    return string.Empty;
                }
            }
     
            /// <summary>
            /// 通过lambda表达式获取要显示的日期时间
            /// </summary>
            /// <param name="helper">HtmlHelper对象</param>
            /// <param name="expression">lambda表达式,指定要显示的属性及其所属对象</param>
            /// <returns>Html文本</returns>
            public static string CalendarDisplayFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression)
            {
                return CalendarDisplayFor(helper, expression, defaultFormat);
            }
     
            /// <summary>
            /// 生成输入框的Html
            /// </summary>
            /// <param name="name">calendar的名称</param>
            /// <param name="date">calendar的值</param>
            /// <returns>html文本</returns>
            private static string GenerateHtml(string name, DateTime? date, string format)
            {
                if (date != null)
                {
                    return "<input type="text" id="" + name + "" name="" + name + "" onfocus="WdatePicker({dateFmt:'" + format + "'})" class="Wdate" value="" + date.Value.ToString(format) + "" />";
                }
                else
                {
                    return "<input type="text" id="" + name + "" name="" + name + "" onfocus="WdatePicker({dateFmt:'" + format + "'})" class="Wdate" value="" />";
                }
            }
        }
    }

    使用办法:

    日期选择输入框: <%= Html.CalendarFor(model => model.PlanStartTime)%>

    显示日期:<%= Html.CalendarDisplayFor(model => model.PlanStartTime)%>

    日期时间选择输入框:<%= Html.CalendarFor(model => model.PlanStartTime, “yyyy-MM-dd HH:mm”)%>

  • 相关阅读:
    fatal error: bits/c++config.h: No such file or directory
    linux 下Beyond Compare 安装
    TD 加载界面实现
    JPA 如何实现 insert ignore
    jsonp 未实现跨域的原因?
    Linux 常用命令
    rancher server偶发504问题排查
    docker清理none image
    docker构建权限问题
    docker containers logs clean
  • 原文地址:https://www.cnblogs.com/freeliver54/p/3725383.html
Copyright © 2011-2022 走看看