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

最近在做平台项目,其中有用到日期选择,相对于 jqueryui 的 datepicker 我更喜欢 My97DatePicker。

理由

  1. 体积小,相对于 jqueryui 的 datepicker 的百来 K,My97DatePicker 只有 50K 不到;
  2. My97DatePicker 是用原生 js 编写的,能够用在任何环境下;
  3. My97DatePicker 功能非常强大全面,能够满足使用者的绝大部分需求。

如何使用

首先需要引用日期控件库:

<script src="My97DatePicker/WdatePicker.js"></script>

调用 WdatePicker 函数:

<input id="time" type="text" onclick="WdatePicker()"/>

支持的浏览器

ie 6.0+,firefox 2.0+,chrome,opera 9.5+,safari 3.0+

点击这里下载

具体的配置及文档说明狠狠点击这里

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

时间: 2024-10-22 05:24:44

【javascript】分享一款经典的日期控件 My97DatePicker的相关文章

介绍Web项目中用到的几款js日历日期控件和js文本编辑框插件

第一款日历日期控件:layDate 官方网站:http://laydate.layui.com/ 第二款日历日期控件:my97 官方网站:http://www.my97.net/ 第三款 文本编辑器控件:CKEditor 官方网站:http://ckeditor.com/ 第四款 文本编辑器控件:KindEditor 官方网址:http://kindeditor.net/demo.php 第五款 文本编辑器控件:UEditor 官方网址:http://ueditor.baidu.com/webs

[技术分享]20171127_Kendo UI _ datePicker日期控件只能选择,不能手动输入如何实现?

demo如下: var start = $("#start").kendoDatePicker().data("kendoDatePicker"); start.element[0].disabled=true; 以下是通过ID的方式初始化datePicker控件: var start = $("#start").kendoDatePicker().data("kendoDatePicker"); 这个控件默认是可以手动输入,

layDate1.0正式发布,您一直在寻找的的js日期控件

你是时候换一款日期控件了,而layDate非常愿意和您成为工作伙伴.她正致力于成为全球最高大上的web日期支撑,为国内外所有从事web应用开发的同仁提供力所能及的动力.她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器.她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘.layDate延续了layui一贯的简单与易用,本着资源共享的开发者精神和对网页日历交互的无穷追求,她将长年被维护和更新,

layDate1.0正式发布,您一直在寻找的的日期控件

你是时候换一款日期控件了,而layDate非常愿意和您成为工作伙伴.她正致力于成为全球最高大上的web日期支撑,为国内外所有从事web应用开发的同仁提供力所能及的动力.她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器.她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘.layDate延续了layui一贯的简单与易用,本着资源共享的开发者精神和对网页日历交互的无穷追求,她将长年被维护和更新,

Jquery 日期控件

JQuery(2)  版权声明:本文为博主原创文章,未经博主允许不得转载. JQuery是一款非常优秀的脚本框架,其丰富的控件使用起来也非常简单,配置非常灵活.下面做一个使用日期插件datapicker的例子. 1.下载jQuery核心文件就不用说了吧,datepicker是轻量级插件,只需jQuery的min版本就行了,然后到官网http://jqueryui.com/download下载jquery-ui压缩包(可以选择喜欢的theme),里面就包含对datepicker的支持,当然您也可以

My97DatePicker时间日期控件的使用

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

玩转Kendo UI:日期控件DatePicker(一)

---恢复内容开始--- 前言 因为工作原因,近来接触Kendo UI比较多,这期间利用它实现了一些功能,也遇到了一些坑,国内对于这个产品的介绍也不多,所以打算写一些文章,介绍一下Kendo UI,顺便记录下自己实现某些方案时遇到的问题及解决方案. Kendo UI 简介 Kendo UI是Progress软件公司旗下的一款UI工具包产品,具有灵活性强.控件丰富.功能强大等特点.目前工具包有支持jQuery.Angular.React.Vue等版本.由博主工作上只接触了jQuery版本,所以写文

手机日期控件mobiscroll

query Mobiscroll是一个用于触摸设备(Android phones, iPhone, iPad, Galaxy Tab)的日期和时间选择器jQuery插件.以及各种滑动插件可以让用户很方便的只需要滑动数字既可以选择日期.Mobiscroll作为一款jQuery日期插件可以让用户自定义主题,完全通过CSS文件修改样式最近开发html5+css3手机APP经常用到的,觉得非常好用,兼容性又好,用户体验又很棒,所以就整理出来分享给大家,还支持设置皮肤.显示方式.日期选择模式.日期格式.语

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

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