jquery datetimepicker,jquery日历控件,jquery日历插件datepicker用法分析

本文主要介绍了jquery日历插件datepicker的用法，并结合实例分析了jquery日历插件datepicker的定义和使用技巧。有需要的可以参考一下。

本文演示了jquery日历插件datepicker的用法。分享给你，供你参考，如下：

我用过好几种日历插件，有的太花哨，有的太简单，有的浏览器不兼容等等。没有一个让我满意。后来同事给我推荐了jquery.datepick。我从官网下载了一个，自己做的，感觉还挺不错的。逻辑和风格完全可以分开，而且很灵活，支持30种语言，基本满足我的要求。

这是这个网站的下载地址：https://www.jb51.net/jiaoben/19622.html.

解压缩jQuery。DatePick.package-3.5.2.zip，默认为英文日历。里面有一个jquery.datepick-zh-CN.js，加上这个就可以把英文改成中文了。演讲地址：http://demo.jb51.net/js/2011/jQuery_calendar/index.html.

示例代码如下：

超文本标记语言

头

meta http-equiv=' Content-Type ' Content=' text/html；charset=UTF-8 '

titlejQuery日期选择器/title

脚本类型=' text/JavaScript ' src=' jquery-1 . 3 . 2 . js '/script

script type=' text/JavaScript ' src=' jquery . date pick . js '/script

script type=' text/JavaScript ' src=' jquery . date pick-zh-cn . js '/script

脚本类型='文本/javascript '

$(function() {

var now days=new Date()；

var dateConfig={

Show:' both '，//两者都显示

ButtonImage: 'calendar.gif '，//加载图片

ButtonImageOnly: true，//图片显示的地方有一个突出的部分，这就是隐藏那个东西的地方。

ChangeFirstDay: false，//这个参数是做什么的？星期一是日历中的第一天，不能更改。

NumberOfMonths: 2，//显示两个月，默认为一个月。

MinDate: nowdays，//最小显示时间是今天。

日期格式：'年-月-日'，//日期格式

YearRange: '-20: 20' //前后20年，但今天这个minDate有冲突。你自己试试。

};

$('#goodplugin ')。datepick(日期配置)；

$('#showdate ')。datepick(日期配置)；

});

/脚本

link type=' text/CSS ' href=' smooth . datepick . CSS ' rel=' style sheet '/

/头

身体

H1jquery日历插件示例/h1

英国铁路公司

A href='datepick1.html' style 1/a

英国铁路公司

A href='datepick2.html' style 2/a

英国铁路公司

A href='datepick3.html' style 3/a

brbrbr

div id='showdate'/div

英国铁路公司

左边直接显示Div，右边点击输入type=' text ' id=' good plugin '//div。

/body

/html

注意：在datepick插件中有许多参数需要设置。这个看个人需求。请参考http://docs.jquery.com/UI/Datepicker#options, jquery的官方网站。

更多对jQuery插件感兴趣的读者，请参考本专题：《jQuery常用插件及用法总结》。

希望这篇文章对jQuery编程的大家有所帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

相关文章阅读