javascript 日期控件

2024-09-07

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

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

JavaScript日期控件，用select实现

<!doctype html> <html> <head> <title>年月日</title> </head> <body onLoad="init()"> <select id="year" onChange="swap_day()"></select>年 <select id="month" onChange

【javascript】分享一款经典的日期控件 My97DatePicker

最近在做平台项目,其中有用到日期选择,相对于 jqueryui 的 datepicker 我更喜欢 My97DatePicker. 理由体积小,相对于 jqueryui 的 datepicker 的百来 K,My97DatePicker 只有 50K 不到: My97DatePicker 是用原生 js 编写的,能够用在任何环境下: My97DatePicker 功能非常强大全面,能够满足使用者的绝大部分需求. 如何使用首先需要引用日期控件库: <script src="My97Dat

my97DatePicker日期控件——日期输入框联动，使用focus使第二个输入框没展示出日期控件

描述问题场景: 1.jquery使用的版本是jquery-1.7.2.min.js 2.代码不是写在页面上的,是通过事件后追加的 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.7.2.min.js" type="text/javascrip

jQuery Datepicker日期控件

datepicker可以为bootstrap添加一个事件选择控件,适用于任何需要调用的场合,支持多种事件格式输出(比如:dd, d, mm, m, yyyy, yy等),是制作网页不可缺失的插件. Requirements Bootstrap 2.0.4+ jQuery 1.7.1+ 在线文档 Datepicker基础使用 Datepicker功能定制 Datepicker英文文档 Datepicker中文文档 Datepicker项目主页简单示例 var nowTemp =newDate()

jQuery LayDate 日期控件

她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器.她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘.layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简单与易用.她遵循LGPL协议,您可以免费将她用于任何个人项目. 版本 LayDate 1.1 作者:闲心贤 github 在线实例实例预览 layDate - js日期控件与时间插件演示实例预览

JQuery datepicker 日期控件设置

datepicker控件可通过参数设置进行语言切换,以下可实现,系统所有日期控件默认为中文,在特定页面或者特定条件下可切换成英语!~ HTML: <!DOCTYPE html> <html> <head> <title>Document</title> <script src="js/jquery.min.js" type="text/javascript"></script> &l

bootstrap-datetimepicker 日期控件的开始日期

今天做日期控件,需求要求设置一个时间范围限制,选择从今天开始的日期才可以选择,今天以前都不可以选择主要体现在bootstrap-datetimepicker控件下面的2个日期参数 weekStart: 1, startDate:new Date(日期), 引用的基础库有 <script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8">

my97日期控件

http://www.seabroad.cn/cq/datepick/demo.htm 但是由于某些原因,担心这个网站不稳定,所以复制一下一. 简介 1. 简介目前的版本是:4.0 Prerelease 发布于2008-04-22 2. 注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该

[转]通过AngularJS directive对bootstrap日期控件的的简单包装

本文转自:http://www.cnblogs.com/Benoly/p/4109460.html 最近项目上了AngularJS,而原来使用的日期控件的使用方式也需要改变,于是开始了倒腾,看了官方的例子,可以使用AngularJS的directive做简单的处理,这样在html里直接使用申明的的形式即可使用了. ? 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

[整理]通过AngularJS directive对bootstrap日期控件的的简单包装

最近项目上了AngularJS,而原来使用的日期控件的使用方式也需要改变,于是开始了倒腾,看了官方的例子,可以使用AngularJS的directive做简单的处理,这样在html里直接使用申明的的形式即可使用了. <!doctype html> <html ng-app="datepickerApp"> <head> <link type="text/css" rel="stylesheet" href

SSH+DWZ、JQuery-UI ，swfobject.embedSWF属性与用法，IE下日期控件被flash控件挡住

---恢复内容开始--- 最近在做SSH+DWZ(JQuery-UI)项目,在用到图表问题的时候,出现在IE下面,日期控件被flash被挡住而不能选取日期情况,经在网络搜查,现在解决办法如下: 1.首先了解:swfobject.embedSWF属性与用法 swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)有5个必须的参数和4个可选的参

JavaScript经典代码【一】【javascript HTML控件获取值】

javascript HTML控件获取值 1.下拉列表框选定值 ddlPageSize.options[ddlPageSize.selectedIndex].value ddlPageSize.options[ddlPageSize.selectedIndex].text 复选框 $get('chkGoogle').checked 控件隐藏与显示: document.getElementById("控件名").style.display='' //显示 document.getElem

jquery datepicker-强大的日期控件

在web开发中,总会遇到需要用户输入日期的情况.一般都是提供一个text类型的input供用户输入日期.然而,这种方式,开发人员必须对用户输入的日期进行验证,判断其合法性.除此之外,让用户输入日期也是一件不爽的事,如果用户可以直接选择日期,这两个问题都解决了. 我们也可以自己用javascript写一个日期选择控件,然而,想要写的很好.很漂亮却需要花不少时间和精力.jQuery有一个UI插件: datepicker ,可以帮我们实现该功能,而且界面很漂亮.下面就学学如何使用它吧

phpcmsV9中表单向导在js调用里日期控件在IE下报Calendar未定义的解决办法

最近在phpcmsV9里用表单向导弄个的提交表单,但用了日期和时间类型时,用 <script language='javascript' src='{APP_PATH}index.php?m=formguide&c=index&a=show&formid=11&action=js&siteid=1'></script> 调用时在IE下报 “Calendar”未定义的错误,致使日期控件无法使用原因是由在IE下,calenda

jsp日期控件My97DatePicker的使用

My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载My97DatePicker组件包 2.将My97DatePicker包放在项目WebContent目录下 3.在页面中引入该组件js文件: <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 4.页面使用两个方式: 常规调用: <inp

精确到秒的JQuery日期控件

项目中需要用到精确到秒的日期控件,到网上搜了一下,发现有一个JQuery控件可以实现该功能---TimerPicker.但是官网上没有提供该控件的完整Demo,而且没有提供汉化包,所以自己汉化了一下,以供需要的朋友参考. 效果图如下: 首先在页面中引用一下库: <link type="text/css" href="css/jquery-ui-1.8.17.custom.css" rel="stylesheet" /> <lin

jQuery里面的datepicker日期控件默认是显示英文的，如何显示中文或其他语言呢？

jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascript" src="JS/ui/jquery-ui-i18n.js"></script> (2)在function中加入语言设置参数为zh-CN,也可以设置日语等其他语言: $.datepicker.setDefaults($.datepicker.region

My97DatePicker日期控件使用方法

My97DatePicker是一款网页版非常简单而且好用的日期控件,其实几年前就使用过了,这次再次用到,总结下: 首先去官网下载地址:http://www.my97.net/dp/down.asp 在页面头部加入JS引用: <script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 控件

JSP JS 日期控件的下载、使用及注意事项

网上流行的时间日期控件比较多,个人觉得My97DatePicker的日期控件不错,值得推荐. 具体的使用过程如下: 1.下载My97DatePicker.rar或 My97DatePickerBeta.7z里面的内容是一样的目前版本是 4.8 Beta1(测试版), 下载地址:http://www.my97.net/dp/down.asp 2.解压将My97DatePicker 文件夹拷贝到你的项目中,可以删除一些没有用的文件或文件夹 3.在jsp页面中头部引入JS<script type=

js 日期控件可以显示为和历

日期控件的js <!-- /** * Calendar * @param beginYear 1990 * @param endYear 2010 * @param language 0(zh_cn)|1(en_us)|2(en_en)|3(zh_tw)|4(jp) * @param patternDelimiter "-" * @param date2StringPattern "yyyy-MM-dd" * @param string2DatePattern

javascript 日期控件

热门专题