首页 新闻 会员 周边 捐助

如何在MVC3的.cshtml试图中加日历控件

0
悬赏园豆:100 [已解决问题] 解决于 2012-07-02 16:23

这是一个创建页面试图,我想在填写创建日期的时候加个日历控件供选择日期,该怎么写,求个位大神指导!

ii  乄筱跃____的主页 ii 乄筱跃____ | 初学一级 | 园豆:6
提问于:2012-05-26 10:39
< >
分享
最佳答案
1
第一种方法:
<
link href="<%=Url.Content("~/Content/<your style here> /jquery-ui-1.8.4.custom.css")%>" rel="stylesheet" type="text/ css" /> <script type="text/javascript" src="<%=Url.Content("~/Scripts/ jquery-1.4.1.min.js")%>"></script> <script type="text/javascript" src="<%=Url.Content("~/Scripts/ jquery-ui-1.8.4.custom.min.js")%>"> <%= Html.TextBox("TestDatePicker" , Model.TestDatePicker.ToString("d"), new { @class ="myDatePickerClass" })%> http://hi.baidu.com/itbase/item/ccf81f17562688fc756a8423

二种
方法:
http://www.entlib.net/?p=234
这种方法相当的详细。

收获园豆:80
悟行 | 专家六级 |园豆:12559 | 2012-05-26 10:52

貌似在这种方法不适用于.cshtml试图页面吧!

ii 乄筱跃____ | 园豆:6 (初学一级) | 2012-05-26 11:01

@ii 乄筱跃____: 

@{
    ViewBag.Title = "Calendar";
}
<script src="../../Content/fullcalendar.min.js" type="text/javascript"></script>
@section Styles{
    <link href="../../Content/fullcalendar.css" rel="stylesheet" type="text/css" />
}
<script type="text/javascript">

    function RefreshCalendar() {
        $("#FullCalendar").fullCalendar('refetchEvents');
    }

    $(document).ready(function () {
        $("#FullCalendar").fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            events: function (start, end, callback) {
                var data = {
                    PeriodBegin: start,
                    PeriodEnd: end
                };

                $.ajax({
                    url: '@Url.Action("GetAppointmentsByPeriodForPatientForCalendar", "Patient")',
                    data: JSON.stringify(data),
                    type: 'POST',
                    contentType: 'application/json',
                    success: function (results) { callback(results) }
                });
            },
            eventClick: function (calEvent) {
                //EditAppointment(calEvent.id);
                ViewAppointment(calEvent.id);
            }
        });

        $("#EditAppointmentDialog #OK").click(RefreshCalendar);
    });

</script>
<h2>Calendar</h2>
<a onclick='ShowAddCalendarEventDlg("09/20/2011", "10:15");'>Add calendar event</a>

<div id="FullCalendar"></div>
@Html.Partial("_AddCalendarEvent")
@Html.Partial("_EditAppointment")

http://code.google.com/p/probe-aperture/source/browse/trunk/DoxTree/DoxTree/Views/Patient/Calendar.cshtml?spec=svn247&r=247

悟行 | 园豆:12559 (专家六级) | 2012-05-26 11:09
悟行 | 园豆:12559 (专家六级) | 2012-05-26 11:12
其他回答(2)
0

用 jquery 日曆 控件。

收获园豆:20
無限遐想 | 园豆:3740 (老鸟四级) | 2012-05-26 10:52
0

ww

梦幻之心 | 园豆:202 (菜鸟二级) | 2013-01-05 11:33
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册