InputDate
概要
機能
サンプル
説明
このサンプルは、InputDate コントロールの基本的な使用方法を示します。
HandleWheel:ユーザーがマウスホイールで現在の値を編集できるかどうかを決定します。
HandleWheel:ユーザーがマウスホイールで現在の値を編集できるかどうかを決定します。
ソース
IndexController.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MvcExplorer.Controllers { public partial class InputDateController : Controller { public ActionResult Index() { return View(); } } }
Index.cshtml
@{ var today = DateTime.Now.Date; var minDate = new DateTime(today.Year, 1, 1); var maxDate = new DateTime(today.Year, 12, 31); var handleWheelOptions = new List<string> { "True", "False" }; } @section Scripts{ <script> function changeDate(sender, e) { wijmo.Control.getControl("#idcCalendar").value = sender.value; } function weekBeforeChanged(sender, args) { var inputDate = wijmo.Control.getControl('#idcInputDate'); inputDate.weeksBefore = sender.value; } function weekAfterChanged(sender, args) { var inputDate = wijmo.Control.getControl('#idcInputDate'); inputDate.weeksAfter = sender.value; } function monthCountChanged(sender, args) { var inputDate = wijmo.Control.getControl('#idcInputDate'); inputDate.monthCount = sender.value; } function handleWheelChanged(sender, args) { var inputDate = wijmo.Control.getControl('#idcInputDate'); if (sender.selectedValue === "True") { inputDate.handleWheel = true; } else { inputDate.handleWheel = false; } } </script> } <p> @(Html.C1().Calendar().Id("idcCalendar") .Value(today).Min(minDate).Max(maxDate) .Width(300) ) </p> <div> <label>Select a date</label> @(Html.C1().InputDate().Id("idcInputDate") .Value(today).Min(minDate).Max(maxDate).HandleWheel(true).OnClientValueChanged("changeDate") ) </div> <br /> <fieldset> <legend style="margin:0;padding:5px;border-bottom-width:0;border-right-width:1px;width:auto">@Html.Raw(Resources.InputDate.WeekBeforeAfterHeader_Text0)</legend> <label style="font-weight:normal;">@Html.Raw(Resources.InputDate.WeekBefore_Text0)</label> @(Html.C1().InputNumber().Min(0).Max(10).Step(1).Value(0).Format("n0").OnClientValueChanged("weekBeforeChanged")) <label style="font-weight: normal;margin-top: 1em;">@Html.Raw(Resources.InputDate.WeekAfter_Text0)</label> @(Html.C1().InputNumber().Min(0).Max(10).Step(1).Value(0).Format("n0").OnClientValueChanged("weekAfterChanged")) <label style="font-weight: normal;margin-top: 1em;">@Html.Raw(Resources.InputDate.MonthCount_Text0)</label> @(Html.C1().InputNumber().Min(1).Max(5).Step(1).Value(1).Format("n0").OnClientValueChanged("monthCountChanged")) <label style="font-weight: normal;margin-top: 1em;">@Html.Raw(Resources.InputDate.HandleWheel_Text0)</label> @(Html.C1().ComboBox().Bind(handleWheelOptions).OnClientSelectedIndexChanged("handleWheelChanged")) </fieldset> @section Description{ @Html.Raw(Resources.InputDate.Index_Text0) <br /> @Html.Raw(Resources.InputDate.HandleWheel_Text1) }
マニュアル