jquery日历插件datepicker用法分析

2019-09-02 13:51 来源:未知

正文实例陈说了jquery日历插件datepicker用法。分享给大家供我们参考,具体如下:

jquery日历插件datepicker用法剖判,jquerydatepicker

本文实例陈诉了jquery日历插件datepicker用法。分享给我们供我们参谋,具体如下:

自个儿用过一些种日历插件,有的太花哨,有的太简单,有的浏览器不包容等等,未有三个能让自个儿认为满意的,后来同事给笔者推荐了jquery.datepick这么些插件,作者从官方网站下了三个,亲自做了一晃,以为一定的准确,逻辑和体制能够完全分开,而且丰硕的灵巧,扶助二十七个国家的言语,基本能满意自己的需要。

此处给出本站下载地址:

解压jquery.datepick.package-3.5.2.zip,暗中认可是立陶宛语的日历,里面有三个jquery.datepick-zh-CN.js,加上这些能够把英文的变以成汉语的,演示地址:

身体力行代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery Datepicker</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.datepick.js"></script>
<script type="text/javascript" src="jquery.datepick-zh-CN.js"></script>
<script type="text/javascript">
$(function() {
var nowdays = new Date();
var dateConfig = {
 showOn: 'both',        //二个都显示
 buttonImage: 'calendar.gif', //加载图片
 buttonImageOnly: true,    //显示图片的地方有一个突出部分,这个就是隐藏那玩意的
 changeFirstDay: false,    //这个参数干什么的呢,星期一是日历的第一个,不可以改动的
 numberOfMonths: 2,      //显示二个月,默认一个月
 minDate: nowdays,       //显示最小时间是今天
 dateFormat: 'yy-mm-dd',    //日期格式
 yearRange: '-20:+20'     //前后20年,不过这根minDate是今天有冲突,自己去试吧。
};
 $('#goodplugin').datepick(dateConfig);
 $('#showdate').datepick(dateConfig);
});
</script>
<link type="text/css" href="smoothness.datepick.css" rel="stylesheet" />
</head>
<body>
<h1>jquery 日历插件举例</h1>
<br>
<a href="datepick1.html">样式1</a>
<br>
<a href="datepick2.html">样式2</a>
<br>
<a href="datepick3.html">样式3</a>
<br><br><br>
<div id="showdate"></div>
<br>
<br>
<div>左边直接显示,右边要点击<input type="text" id="goodplugin"/></div>
</body>
</html>

评释:datepick插件里面有广大参数要安装,那几个要基于个体的内需了。具体请参见jquery的法定网站

越来越多关于jQuery插件相关内容感兴趣的读者可查阅本站专项论题:《jQuery常用插件及用法计算》

指望本文所述对我们jQuery程序设计具备协助。

自己用过好二种日历插件,有的太花哨,有的太轻松,有的浏览器不协作等等,未有二个能让小编深感满意的,后来同事给本身引入了jquery.datepick这些插件,作者从官网下了二个,亲自做了一晃,感到一定的科学,逻辑和体制能够完全分开,况且充裕的灵巧,协理二二十个国家的言语,基本能满意本人的需求。

您大概感兴趣的稿子:

  • JQuery日历插件My97DatePicker日期范围限制
  • JQuery datepicker 用法详解
  • jquery UI Datepicker时间控件的应用办法(终结版)
  • jquery UI Datepicker时间控件的施用情势(抓实版)
  • jquery UI Datepicker时间控件的应用方法(基础版)
  • jQuery插件datepicker 日期接二连三选拔
  • jQuery ui 利用 datepicker插件达成开首日期(minDate)和结束日期(maxDate)
  • JQuery datepicker 使用方法

本文实例陈述了jquery日历插件datepicker用法。分享给大家供大家仿照效法,具体如下: 作者用过好几...

此处给出本站下载地址://www.jb51.net/jiaoben/19622.html

解压jquery.datepick.package-3.5.2.zip,暗许是葡萄牙语的日历,里面有三个jquery.datepick-zh-CN.js,加上这一个可以把立陶宛语的变以成汉语的,演示地址:

示范代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery Datepicker</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.datepick.js"></script>
<script type="text/javascript" src="jquery.datepick-zh-CN.js"></script>
<script type="text/javascript">
$(function() {
var nowdays = new Date();
var dateConfig = {
 showOn: 'both',        //二个都显示
 buttonImage: 'calendar.gif', //加载图片
 buttonImageOnly: true,    //显示图片的地方有一个突出部分,这个就是隐藏那玩意的
 changeFirstDay: false,    //这个参数干什么的呢,星期一是日历的第一个,不可以改动的
 numberOfMonths: 2,      //显示二个月,默认一个月
 minDate: nowdays,       //显示最小时间是今天
 dateFormat: 'yy-mm-dd',    //日期格式
 yearRange: '-20:+20'     //前后20年,不过这根minDate是今天有冲突,自己去试吧。
};
 $('#goodplugin').datepick(dateConfig);
 $('#showdate').datepick(dateConfig);
});
</script>
<link type="text/css" href="smoothness.datepick.css" rel="stylesheet" />
</head>
<body>
<h1>jquery 日历插件举例</h1>
<br>
<a href="datepick1.html">样式1</a>
<br>
<a href="datepick2.html">样式2</a>
<br>
<a href="datepick3.html">样式3</a>
<br><br><br>
<div id="showdate"></div>
<br>
<br>
<div>左边直接显示,右边要点击<input type="text" id="goodplugin"/></div>
</body>
</html>

证实:datepick插件里面有十分的多参数要设置,那些要依靠个人的急需了。具体请参照他事他说加以考察jquery的合French Open址

更加多关于jQuery插件相关内容感兴趣的读者可查阅本站专项论题:《jQuery常用插件及用法总括》

企望本文所述对大家jQuery程序设计有着支持。

你只怕感兴趣的篇章:

  • 为开拓者希图的10款最棒的jQuery日历插件
  • JQuery日历插件My97DatePicker日期范围界定
  • Jquery日历插件制作简便日历
  • jQuery日历插件datepicker用法详解
  • 依据jQuery日历插件制作日历
  • 听别人说jquery日历价格、仓库储存等装置插件
  • jquery日历插件e-calendar进级版
  • 上学生运动用jQuery表单验证插件和日历插件
  • jQuery插件完成的日历功用示例【附源码下载】
TAG标签:
版权声明:本文由990888藏宝阁发布于网络应用,转载请注明出处:jquery日历插件datepicker用法分析