类似阿里后台的日期选择控件

12款优秀的 JavaScript 日历和时间选择控件

这些插件能够帮助 Web 开发人员更快速的实现各种精美的日历和时间选择效果. 1. The Coolest Calendar 界面非常漂亮的一款日期选择插件,有详细的使用文档,最新版本 1.5. 点击下载查看示例 2. DatePicker 这款日期插件支持单选.多选和时间区间选择,功能齐全,有 Dialog 和 Flat 两种模式. 点击下载查看示例 3. Tigra Calendar Tigra Calendar 是一个跨浏览器的 JavaScript 日历控件,以下拉弹出

ASP.NET(c#) 日期选择控件的另一种实现方法

这篇文章是在一个英文网站发现的,完全使用ASP.NET实现了日期选择的基本功能,没有使用js,原文链接http://geekswithblogs.net/plundberg/archive/2009/03/24/asp.net-3.5ajaxnet-enabled-datepicker-snippet-using-the-aspcalendar-control.aspx 英语不好,简单翻译了一下. ASP.NET 3.5/AJAX.NET --使用asp:Calendar控件实现日期选择功能您还

【C#】wpf自定义calendar日期选择控件的样式

原文:[C#]wpf自定义calendar日期选择控件的样式首先上图看下样式原理总览 ItemsControl内容的生成实现界面的实现后台ViewModel的实现首先上图,看下样式原理 1. 总览: Calendar本质上是一个6x7的列表,这个列表可以用ItemsControl来实现.其填充的每一个item都是一个自定义样式的Button,Button外面是一个圆形的border.根据Button按钮的IsEnabled状态,设置foreground以达到灰色不点击的效果. 2

用c/c++混合编程方式为ios/android实现一个自绘日期选择控件(一)

本文为原创,如有转载,请注明出处:http://www.cnblogs.com/jackybu 前言章节: 1.需求描述以及c/c++实现日期和月历的基本操作 2.ios实现自绘日期选择控件 3.android实现自绘日期选择控件目的: 通过一个相对复杂的自定义自绘控件来分享: 1.ios以及android自定义自绘控件的开发流程 2.objc与c/c++混合编程 3.android ndk的环境配置,android studio ndk的编译模式,swig在android ndk开发中的作

js 跨域的问题（同一个主域名不同的二级域名下的跨域问题）解决 WdatePicker.js my97日期选择控件

例如域名是 a.xx.com 和 b.xx.com 如果一个页面中引入多个iframe,要想能够操作所有iframe,必须都得设置相同domain. 如果iframe的时候 a包含b 为了a和b的站点都能起作用,最好是都在脚本里面加入一句 <script type="text/javascript"> document.domain = 'xxx.com'; </script> 这样就能解决日期选择控件报错什么协议不匹配之类的东东了更

JQuery好用的日期选择控件 DatePicker

近期发现一个很好的基于JQ的前端UI日期选择控件Jquery.DatePicker.js 下载地址:jquery.DatePIcker.js 演示地址:DatePicker - 基于jQuery 1.7的日期选择控件

[Ext JS 4] 实战之带week(星期)的日期选择控件(三)

前言在 [Ext JS 4] 实战之带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件 ==> “2. 每年的周数从(1-52), 如果超过52 周,算到下一年的第一周” 这个条件有一个漏洞就是: 像 2011 年, 全年53 周, 第 53周整周都是2011年的天数,所以算成2012年的第一周就不对了. 综合: 还是两套标准之间的换算还是会有一些问题. 既然这样就不去混合使用两套标准的方法. 对于每个星期一周日开始的标准来说, 可以有更简单的方法.

Swift - 日期选择控件（UIDatePicker）的用法

1,使用storyboard创建日期选择控件首先我们将一个UIDatePicker控件和一个按钮直接添加到Main.Storyboard上.该按钮是为了点击时弹出提示框显示当前选择的日期和时间. 同时在ViewController.swift中使用IBOutlet建立起控件和事件的关联,具体代码如下: 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 class ViewContro

Android自定义View（RollWeekView－炫酷的星期日期选择控件）

转载请标明出处: http://blog.csdn.net/xmxkf/article/details/53420889 本文出自:[openXu的博客] 目录: 1分析 2定义控件布局 3定义CustomWeekView 4重写onMeasure 5点击后执行动画 7重置预备控件源码下载最近收到一个自定义控件的需求,需要做一个日期选择控件,实现图如下: 一次展示一个星期的5天,中间放大的为当前选中的:如果点击了其中一个日期,比如星期五,那么整体向左滑动,并将星期五慢慢放大

取消layUI中日期选择控件默认填充日期

input标签中使用日期选择控件填写,加载时默认填充当前日期, 标签设置了placeholder="请选择" autocomplete="off",但是并没有效果, 最后发现可以在绑定时将value一项设置为空,而非new Data()的值, laydate.render({ elem: '#param_monthid', type: 'month', format: 'yyyyMM', value: '', max: year + &

Ionic实战六：日期选择控件

onic日期选择控件,用于ionic项目开发中的日期选择以及日期插件

asp.net中的时间日期选择控件

asp.net中的时间日期选择控件 Posted on 2008-07-17 17:37 飛雪飄寒阅读(22922) 评论(6) 编辑收藏在系统中经常需要进行时间日期选择(比如查询时间范围内的信息.填写日期等),使用时间日期选择控件不仅能提高效率,而且不会写错格式! 现把自己在.net项目中经常使用的一款时间日期选择控件整理出来,希望对大家有所帮助! 首先大家来看看效果图: (gif格式,用于选择图标) js脚本: var gdCtrl = new Objec

打造基于jQuery的日期选择控件

终于把jQuery拼写正确了哈,哈哈javascript也是区分大小写的,所以确实不能写错,今天我来和大家分享的是日期选择控件的实现,功能也许不够强大,但是能够满足需求. 我之前也写过(正确的说是改过一个日期选择控件,点击这里查看),看下截图哈,也很酷的,windows风格哦. 但是也有些问题,第一画日历有点慢,第二兼容性不太好IE Only,第三它不是基于jQuery的哈哈. 那还是老规矩,做之前先看下效果这下是更酷的Ext风格了. 从上图我们可以看出这个控件其实有两个视图一个日期月视图

C# 中带有中国农历的日期选择控件

开源一款自己刚开始接触 C# 时开发的带有农历信息的日期选择控件,记得那时还是在2010年的寒假期间做的这个东西.刚开始接触 C# 时,使用WinForm来开发桌面程序,觉得简直是简单又迅速,由于 C# 本身没有提供农历的日期控件,因此就造了这第一个轮子,项目的地址在这里. 包含二个部分: MyMonthCalendar,对应 C# 本身的 MonthCalendar MyDateTimePicker,对应 C# 本身的 DateTimePicker 开发这样一款带有农历信息的日期选择控件,需要

ExtJS6.0扩展日期选择控件为也可以选择时间

PS:ExtJS自带的日期选择控件只能够选择日期,但是现在的需求需要精确到秒,所以在网上搜索了一些例子(大部分是4.0的)作为参考,然后改出了6.0可用的一个日期时间选择控件. 1.找到extjs6.0源代码中Picker文件路径下的Date.js脚本(路径:ext-6.0.0-gpl\ext-6.0.0\classic\classic\src\picker),拷贝一份出来命名为DateTimePicker.js 2.修改命名空间(把白色底的改成黑色底的命名空间以及别名,你也可以修改为自己存放该

jquery mobiscroll移动端日期选择控件(无乱码)

jquery mobiscroll移动端日期选择控件(无乱码) <pre><!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user

angularjs之ui-bootstrap的Datepicker Popup实现双日期选择控件

最开始使用ui-bootstrap的Datepicker Popup日期选择插件实现双日期选择时间范围时,在网上搜了一些通过JS去实现的方法,不过后来发现可以不必通过JS去处理,只需要使用其自身的属性和参数即可实现,效果如下图(一截图就不显示鼠标的红色圆圈不可选的样式了...尴尬): 这里先附上我觉得简单易懂的JS实现方法,大家可以看看实现的原理: 以下代码就是最开始网上搜索的简单易懂的:http://www.cnblogs.com/tonghaolang/p/5972676.html <!DO

[Ext JS 4] 实战之带week(星期)的日期选择控件

前言 Ext JS 3 和 Ext JS 4中都有提供日期选择的组件(当然早期版本也有). 但是有一些日期选择的需求是要看到星期,就是日期中的哪一天是这一年的第几周. 遗憾的是Ext js 并没有提供这样的配置. (针对Ext js 4来说,理想的相法是在Ext.picker.Date有一个类似showWeek这样的配置项) 现有的解法到网络上去看看基于Ext js 的解法:有找到两个 http://enikao.net/extjs/weeknumber/weeknumber.html 和

angularjs之ui-bootstrap的Datepicker Popup不使用JS实现双日期选择控件

最开始使用ui-bootstrap的Datepicker Popup日期选择插件实现双日期选择时间范围时,在网上搜了一些通过JS去实现的方法,不过后来发现可以不必通过JS去处理,只需要使用其自身的属性和参数即可实现,效果如下图(一截图就不显示鼠标的红色圆圈不可选的样式了...尴尬): 这里先附上我觉得简单易懂的JS实现方法,大家可以看看实现的原理: 以下代码就是最开始网上搜索的简单易懂的:http://www.cnblogs.com/tonghaolang/p/5972676.html <!DO

[JavaScript]配置日期选择控件

我选择的日期控件是:bootstrap-datepicker(下载路径:https://github.com/Aymkdn/Datepicker-for-Bootstrap) 比较方便,实用.原来是英文的,我将它稍微改造了一下,替换了里面的英文,现在适合中国人用了. 网页中引用: <link rel="Stylesheet" href="/Scripts/datepicker.css" /> <script type="text/java

weui中的日期选择控件关于时间段的设置！

近日用到了日期控件,但是需要把时和分去掉,功能上是做一个预约的功能,所以只需要在年月日后面提供时间段的选择. BUG在于如果第一次点开弹框而没做任何操作,然后点了其他任意区域则弹框关闭,甚至你的8:00-10:00可能是没有选中的状态. 这时候如果第二次再次点输入框显示弹框的时候,回显就会有Bug,直接显示成 2018-01-1-25 8. 打印看了一下主要是分割字符串时候不对,导致设置初始值的时候弄错,分割成这样 ['2018','01','25','8','00-10','00]. 这个bu

类似阿里后台的日期选择控件

热门专题