时间控件

layui之时间⽇期组件1.时间⽇期组件ydate主要以：年选择器、年⽉选择器、⽇期选择器、时间选择器、⽇期时间选择器五种类型的选择⽅式为基本核⼼，并且均⽀持范围选择（即双控件）。

ydate的使⽤1）引⼊layui.css和layui.js即可<link rel="stylesheet" href="../layui/css/layui.css"/><script type="text/javascript" src="../layui/layui.js"></script>2）去独⽴版本官⽹下载组件包，引⼊ laydate.js 即可<script type="text/javascript"src="../layui/lay/modules/laydate.js"></script>e('laydate',function () {var laydate=ydate;laydate.render({elem:'#test1'});});View Code给定⼀个input框⽤于显⽰<div class="layui-inline"> <!-- 注意：这⼀层元素并不是必须的 --><input type="text" class="layui-input" id="test1"></div>3.基础参数选项1）总结： 通过核⼼⽅法：laydate.render(options)来设置基础参数，也可以通过⽅法：laydate.set(options)来设定全局基础参数.2）绑定元素elem 类型：string/dom，默认值：⽆，是⼀个必填项，⽤于绑定执⾏⽇期渲染的元素，值⼀般为选择器，或DOM对象laydate.render({elem: '#test'//或 elem: document.getElementById('test')、elem: lay('#test') 等});3）控件选择类型type类型string默认date ⽤于提供不同类型的选择器，具体如下表；type可选名称⽤途值year年选择器只提供年列表选择month年⽉选择器只提供年⽉选择date⽇期选择器可选择年⽉⽇，默认值，⼀般可不填time时间选择器只提供时分秒选择datetime⽇期时间选择可选择年⽉⽇时分秒器格式符说明yyyy年份，⾄少四位数，如果不⾜，则在前⾯补零y 年份，不限制位数，不管年份多少位，前⾯均不补零MM ⽉份，⾄少两位数，如果不⾜，则前⾯补零M⽉份，允许⼀位数dd ⽇期，⾄少两位数，如果不⾜，则前⾯补零d⽇期，允许⼀位数HH ⼩时，⾄少两位数，如果不⾜，则前⾯补零H⼩时，允许⼀位数mm 分钟，⾄少两位数，如果不⾜，则前⾯补零m分钟，允许⼀位数ss秒，⾄少两位数，如果不⾜，则前⾯补零s 秒，允许⼀位数 e('laydate',function () {var laydate=ydate;laydate.render({elem:'#test1',type:'year'});});4）开启左右⾯板范围选择range类型：Boolean 、string ，默认值：false ，如果设置 true ，将默认采⽤ “ - ” 分割。

DevExpress之时间控件dateEdit和timeEdit基本属性DisplayFormat.FormatString-------失去焦点是控件显⽰的格式，timeEdit⽤不上EditMask--------------------------获取焦点时也就是在编辑状态时控件的显⽰格式ShowToday-----------------------控件编辑状态时是否在编辑框中显⽰当天⽇期，dateEdit的控件Text------------------------------获取控件的值SelectedText---------------------获取选中的值，⼀般是⽤在timeEdit，timeEdit编辑状态时可以选中⼩时/分钟/秒显⽰到天dateEdit1.Properties.DisplayFormat.FormatString = "yyyy-MM-dd";dateEdit1.Properties.EditMask = "yyyy-MM-dd";显⽰到⽉dateEdit1.Properties.DisplayFormat.FormatString = "yyyy-MM";dateEdit1.Properties.EditMask = "yyyy-MM";显⽰到年dateEdit1.Properties.DisplayFormat.FormatString = "yyyy";dateEdit1.Properties.EditMask = "yyyy";字符串转DateTimeDateTime.Parse("2016-3-16 12:12:12")字符串根据指定格式转换为DateTimeIFormatProvider ifp = new CultureInfo("zh-CN", true);DateTime.ParseExact("20160316121212", "yyyyMMddHHmmss", ifp);ifp是⼀个区域特定格式字符串信息注意：⼤写MM是指⽉，⼩写mm是指分钟，⼩时⼆⼗四制要⽤⼤写HH，⼗⼆⼩时制⽤⼩写hhDateTime转换指定格式字符串DateTime datetime = DateTime.Now;string timeString = datetime.ToString("yyyyMMddHHmmss");旧版本在显⽰到⽉或者是年的时候有点⿇烦，需要⾃⼰重载dateEdit控件using System;using System.Collections;using System.Collections.Generic;using System.Data;using System.Diagnostics;using DevExpress.XtraEditors;using DevExpress.XtraEditors.Calendar;using DevExpress.XtraEditors.Popup;using DevExpress.XtraEditors.Controls;using DevExpress.XtraEditors.Repository;namespace mon{public class DateEditEx : DateEdit{public DateEditEx(){Properties.VistaDisplayMode = DevExpress.Utils.DefaultBoolean.True;Properties.DisplayFormat.FormatString = "yyyy-MM";Properties.DisplayFormat.FormatType = DevExpress.Utils.FormatType.DateTime;Properties.Mask.EditMask = "yyyy-MM";Properties.ShowToday = false;}protected override PopupBaseForm CreatePopupForm(){if (Properties.VistaDisplayMode == DevExpress.Utils.DefaultBoolean.True)return new CustomVistaPopupDateEditForm(this);return new PopupDateEditForm(this);}private DateResultModeEnum _dateMode = DateResultModeEnum.FirstDayOfMonth;public DateResultModeEnum DateMode{get { return _dateMode; }set { _dateMode = value; }}public enum DateResultModeEnum : int{//虽然是年⽉控件，但⽇期Datetime肯定是2012-01-01这种格式//所以，这个枚举定义了年⽉控件返回本⽉的第⼀天，还是本⽉的最后⼀天作为DateEditEx的值 FirstDayOfMonth = 1,LastDayOfMonth = 2}}public class CustomVistaPopupDateEditForm : VistaPopupDateEditForm{public CustomVistaPopupDateEditForm(DateEdit ownerEdit) : base(ownerEdit) { }protected override DateEditCalendar CreateCalendar(){return new CustomVistaDateEditCalendar(OwnerEdit.Properties, OwnerEdit.EditValue);}public class CustomVistaDateEditCalendar : VistaDateEditCalendar{public CustomVistaDateEditCalendar(RepositoryItemDateEdit item, object editDate) : base(item, editDate) { }protected override void Init(){base.Init();this.View = DateEditCalendarViewType.YearInfo;}public DateEditEx.DateResultModeEnum DateMode{get { return ((DateEditEx)this.Properties.OwnerEdit).DateMode; }}protected override void OnItemClick(DevExpress.XtraEditors.Calendar.CalendarHitInfo hitInfo){DayNumberCellInfo cell = hitInfo.HitObject as DayNumberCellInfo;if (View == DateEditCalendarViewType.YearInfo){DateTime dt = new DateTime(DateTime.Year, cell.Date.Month, 1, 0, 0, 0);if (DateMode == DateEditEx.DateResultModeEnum.FirstDayOfMonth){OnDateTimeCommit(dt, false);}else{DateTime tempDate = dt.AddMonths(1).AddDays(-1);tempDate = new DateTime(tempDate.Year, tempDate.Month, tempDate.Day, 23, 59, 59);OnDateTimeCommit(tempDate, false);}}elsebase.OnItemClick(hitInfo);}}}using System;using System.Collections.Generic;using System.Linq;using System.Text;using DevExpress.XtraEditors;using DevExpress.XtraEditors.Calendar;using DevExpress.XtraEditors.Popup;using DevExpress.XtraEditors.Controls;using DevExpress.XtraEditors.Repository;namespace mon{public DateEditEx(){Properties.VistaDisplayMode = DevExpress.Utils.DefaultBoolean.True;Properties.DisplayFormat.FormatString = "yyyy";Properties.DisplayFormat.FormatType = DevExpress.Utils.FormatType.DateTime;Properties.Mask.EditMask = "yyyy";Properties.ShowToday = false;}protected override PopupBaseForm CreatePopupForm(){if (Properties.VistaDisplayMode == DevExpress.Utils.DefaultBoolean.True)return new CustomVistaPopupDateEditForm(this);return new PopupDateEditForm(this);}private DateResultModeEnum _dateMode = DateResultModeEnum.FirstDayOfMonth;public DateResultModeEnum DateMode{get { return _dateMode; }set { _dateMode = value; }}public enum DateResultModeEnum : int{//虽然是年⽉控件，但⽇期Datetime肯定是2012-01-01这种格式//所以，这个枚举定义了年⽉控件返回本⽉的第⼀天，还是本⽉的最后⼀天作为DateEditEx的值FirstDayOfMonth = 1,LastDayOfMonth = 2}}public class CustomVistaPopupDateEditForm : VistaPopupDateEditForm{public CustomVistaPopupDateEditForm(DateEdit ownerEdit) : base(ownerEdit) { }protected override DateEditCalendar CreateCalendar(){return new CustomVistaDateEditCalendar(OwnerEdit.Properties, OwnerEdit.EditValue);}}public class CustomVistaDateEditCalendar : VistaDateEditCalendar{public CustomVistaDateEditCalendar(RepositoryItemDateEdit item, object editDate) : base(item, editDate) { } protected override void Init(){base.Init();this.View = DateEditCalendarViewType.YearsInfo;}get{return ((DateEditEx)this.Properties.OwnerEdit).DateMode;}}protected override void OnItemClick(DevExpress.XtraEditors.Calendar.CalendarHitInfo hitInfo) {DayNumberCellInfo cell = hitInfo.HitObject as DayNumberCellInfo;//DateTime dt = new DateTime(DateTime.Year, 1, 1, 0, 0, 0);OnDateTimeCommit(cell.Date, false);//base.OnItemClick(hitInfo);}}}。

wpf 时间控件的用法
哎，各位看官，今儿咱来摆个龙门阵，说说这电脑上的时间控件咋个用嘞。

先说说咱们四川的玩法。

咱四川人说话喜欢直来直去，不讲那些弯弯绕绕。

这时间控件啊，就跟你家那挂钟差不多，一看就晓得现在是啥时候。

你点它一下，它就蹦出个小框框，里头有年、月、日、时、分、秒，你想改哪儿就改哪儿，方便得很。

再来说说贵州的搞法。

贵州的兄弟伙们讲话有股子山里头的味儿，听起来特有感觉。

这时间控件嘛，在他们手里就像个玩具一样，玩得不亦乐乎。

他们喜欢把这个控件拖来拖去，放在屏幕上的哪个角落都行，想咋看就咋看。

陕西的乡党们呢，他们说话有一种古朴的味道，听起来就像回到了古时候。

这时间控件在他们眼里，就像个老式的沙漏，虽然现代了些，但总有种说不出的亲切感。

他们喜欢设置个提醒，到了时间就“叮咚”一声，跟古时候的打更差不多。

最后说说咱们北京的大哥大姐们。

北京人说话儿化音多，听起来特有京味儿。

这时间控件在他们手里，就像个京剧里的道具，虽然不显眼，但少了它就不完整。

他们喜欢把这个控件弄得漂漂亮亮的，跟电脑的主题搭配得恰到好处，看起来就舒服。

所以啊，这时间控件虽然是个小玩意儿，但用法可是五花八门。

不管你是哪儿的人，都能找到适合自己的玩法。

就像咱们中国的文化一样，虽然各地有各地的特色，但都是咱们中华民族的一部分，缺一不可。

好了，今儿就聊到这儿吧，各位看官如果有啥想聊的，随时欢迎来找我摆
龙门阵。

咱们下次再会！。

*******************************************************************************************************************************
//天--单个时间
<td nowrap="nowrap">
<ul>
<li>
结束时间：
<input value="<%=nowTime %>" name="endT" title='请选择时间(年月)'
id="endT" type="text" size="12" readonly class="Wdate"
onclick="WdatePicker({isShowClear:false,dateFmt:'yyyyMM',maxDate:'%y-%M',minDate:'#F{$dp.$D(\'beginT\')}'})" />
<li>
开始时间：
<input value="<%=nowTime %>" name="beginT" title='请选择时间(年)'
id="beginT" type="text" size="12" readonly class="Wdate"