您的位置:

php日历插件,php制作漂亮日历

本文目录一览:

PHP怎样添加JS日历控件

日期插件的包为:mydate.js。

1:首先将日期插件的包引入到页面中

script language="JavaScript" src="../Inc/Js/mydate.js"/script

2:设置鼠标点击事件,当鼠标点击获得焦点的时候,触发事件,调用方法

input type="text" name="starttime" onfocus="MyCalendar.SetDate(this)" value="?php echo $rq;?"

input type="text" name="endtime" onfocus="MyCalendar.SetDate(this)" value="?php echo $rq;?"

3:完整页面代码

?php

  date_default_timezone_set("PRC");

  $nowtime = time();

  $rq = date("Y-m-d",$nowtime);

?

html

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

meta name="generator" content="FFKJ.Net" /

link rev="MADE" href="mailto:FFKJ@FFKJ.Net"

title在线--后台/title

link rel="stylesheet" type="text/css" href="../Skins/Admin_Style.Css" /

script language="JavaScript" src="../Inc/Js/mydate.js"/script

/head

body

开始时间:input type="text" name="starttime" onfocus="MyCalendar.SetDate(this)" value="?php echo $rq;?"

结束时间:input type="text" name="endtime" onfocus="MyCalendar.SetDate(this)" value="?php echo $rq;?"

/body

/html

jquery 日历控件在php中怎么使用

日历插件:

在页面开发中,经常遇到需要用户输入日期的操作。通常的做法是,提供一个文本框,让用户输入,然后,编写代码验证输入的数据,检测其是否是日期型。这样比较麻烦,同时,用户输入日期的操作也不是很方便,影响用户体验。如果使用jQuery UI 中的datepicker日历插件,这些问题都可以迎刃而解。该插件调用的语法格式如下:

$(".selector").datepicker(options);

其中".selector" 表示DOM元素,一般指文本框,由于该插件的作用是提供日期选择,因此,常与一个文本框绑定,将选择后的日期显示在该文本框中。选项options是一个对象。

下面是一些参数:

 changeMonth 设置一个布尔值,如果为true,则可以在标题处出现一个下拉选择框,可以选择月份,默认值为false

changeYear 设置一个布尔值,如果为true,则可以在标题处出现一个下拉选择框,可以选择年份,默认值为false

showButtonPanel 设置一个布尔值,如果为true, 则在日期的下面显示一个面板,其中有两个按钮;一个为“今天”,另一个按键为“关闭”,默认值为false,表示不显示。

closeText 设置关闭按钮上的文字信息,这项设置的前提是,showButtonPanel的值必须为true,否则显示不了效果。

dateFormat 设置显示在文本框中的日期格式,可设置为{dateFormat:'yy-mm-dd'},表示日期的格式为 年-月-日,如2012-10-1.

defaultDate 设置一个默认日期值,如{defaultDate:+7}, 表示,弹出日期选择窗口后,默认的日期是在当前日期加上7天

 showAnim 设置显示弹出或隐藏日期选择窗口的方式。可以设置的方式有,“show"、"slideDown"、"fadeIn“,或者为"", 表示没有弹出日期选择窗口的方式。

 showWeek 设置一个布尔值,如果为true,则可以显示每天对应的星期,默认值为false

yearRange 设置年份的范围,如{yearRange:'2000:2010'},表示年份下拉列表框的最小值为2000年,最大值为2010年,默认值为c-10;c+10,当前年份的前后10年。

php怎么调用fullcalendar

FullCalendar是一款基于jQuery的日历插件,适用于各种日程安排、工作计划等场景,您可以很方便的查看查看待办事项,标记重要事项以及绑定点击和拖动事件,能快速的整合到您的项目中,本文将简单介绍FullCalendar的使用。

查看演示 下载源码

HTML

首先第一步就是在需要调用FullCalendar日历的页面中载入必要的javascript和css文件,包括jQuery库文件,FullCalendar插件以及FullCalendar样式表。如果您还想要拖动日历的功能,就还需要加入jQuery ui插件。

link rel="stylesheet" type="text/css" href="css/fullcalendar.css"

script src="js/jquery-1.9.1.min.js"/script

script src="js/jquery-ui-1.10.2.custom.min.js"/script

script src="js/fullcalendar.min.js"/script

然后,在页面的body里加入div#calendar,用来放置日历主体。

div id='calendar'/div

jQuery

现在我们需要在页面加载完成后,调用FullCalendar插件初始化日历,使用jQuery代码:

$(document).ready(function() {

//页面加载完初始化日历

$('#calendar').fullCalendar({

//设置选项和回调

})

});

然后保存并浏览页面,你会发现页面中已经显示一个很大的日历表了。当然这还只是一个初步的日历,FullCalendar的强大之处在于它提供了丰富的选项设置、方法及事件,可以很方便的扩展,打造你想要的日历表,先来做一下简单了解。

Options

FullCalendar官方文档中提供了丰富的操作选项设置,比如是否在日历中显示周末等等,使用方法:

$('#calendar').fullCalendar({

weekends: false //不显示周末,将会隐藏周六和周日

});

Callbacks

当点击或者拖动等事件发生时,可以调用相关函数,比如点击某一天时,弹出提示框:

$('#calendar').fullCalendar({

dayClick: function() {

alert('a day has been clicked!');

}

});

Methods

FullCalendar提供了很多方法可以调用,诸如进入下一个月视图等,代码可以这样写:

$('#calendar').fullCalendar('next');

以上代码调用了next方法后,日历视图切换到下一月(周、日)的视图。

PHP 日历插件怎么让默认显示的时间不是今天,而是自定义或者数据库读取出来的时间

建议你存的时候存用time()函数的到的秒,数据表字段类型弄成int(10)就可以,输出的时候可以直接用date('Y-m-d',db['time'])格式化输出了!