资讯专栏INFORMATION COLUMN

带表单功能的日历,可插入内容的日历

leon / 1749人阅读

摘要:一实现的繁琐性如果你是个前端狂人,那么给你一天半天时间,你开发一个日历的插件应该不觉得有什么,为了快速精确的开发完整的功能,想要时间短,准确率高,还需要借助后台程序,例如。

自从接触了前端日历和日期部分的功能后,我发现网上使用js操作日历的插件真不多,非常好的也就极个别,代码良莠不齐,js对日期操作相比其它语言极其的不友好,如果做个日历,里面附带预约表单,这种功能就非常头疼了,然而这又很常见,比如预约挂号系统,这是很常见的。

一、JavaScript实现的繁琐性

如果你是个前端狂人,那么给你一天半天时间,你开发一个日历的插件应该不觉得有什么,为了快速精确的开发完整的功能,想要时间短,准确率高,还需要借助后台程序,例如php。php做日历简直太简单了,做为一个前端不由得点个赞!

二、一个实现自由预约功能的demo

地址:http://chen.web2014.cn/zzz/tj...



无标题文档


ajax.php

$nian=$_POST["nian"];
$yue=$_POST["yue"];
$ri=$_POST["ri"];
$shi=$_POST["shi"];
$fen=$_POST["fen"];
$miao=$_POST["miao"];

$mytime=mktime($shi, $fen, $miao, $yue, $ri, $nian);    //------------传递一个参数 //echo "创建日期是 " . date("Y-m-d h:i:sa", $mytime);
$monthsNum=array(31,28,31,30,31,30,31,31,30,31,30,31);    //------------循环数组

//判断是否为闰年,闰年重新设置数组
$isleapyear = $nian%4;
if($isleapyear==0){
  $monthsNum[1]=29;
}    

//获取日期是周几
$zhou=array("Sunday"=>7,"Monday"=>1,"Tuesday"=>2,"Wednesday"=>3,"Thursday"=>4,"Friday"=>5,"Saturday"=>6);
$zhouji=$zhou[date("l",$mytime)];     //------echo $zhouji;


//获取我要输出时候前面有几个空格,计算为负数就加7
$kongge=$zhouji-$ri%7;
if($kongge<0){$kongge+=7;};            
//echo "
".$kongge; //当月应该输出的表格为 for ($i=1;$i<=$kongge;$i++){ echo "
  • "; } //循环这个月的数据,循环次数为这个月天数 $monthsNum[$yue] for ($i=1;$i<=$monthsNum[$yue-1];$i++){ //这里判断我们的数据是否在里面 echo "
  • ".$i."号
  • "; } for ($i=1;$i<=42-$kongge-$monthsNum[$yue-1];$i++){ echo "
  • $i
  • "; }

    文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

    转载请注明本文地址:https://www.ucloud.cn/yun/91422.html

    相关文章

    • 表单功能日历插入内容日历

      摘要:一实现的繁琐性如果你是个前端狂人,那么给你一天半天时间,你开发一个日历的插件应该不觉得有什么,为了快速精确的开发完整的功能,想要时间短,准确率高,还需要借助后台程序,例如。 自从接触了前端日历和日期部分的功能后,我发现网上使用js操作日历的插件真不多,非常好的也就极个别,代码良莠不齐,js对日期操作相比其它语言极其的不友好,如果做个日历,里面附带预约表单,这种功能就非常头疼了,然而这又...

      CoXie 评论0 收藏0
    • 表单功能日历插入内容日历

      摘要:一实现的繁琐性如果你是个前端狂人,那么给你一天半天时间,你开发一个日历的插件应该不觉得有什么,为了快速精确的开发完整的功能,想要时间短,准确率高,还需要借助后台程序,例如。 自从接触了前端日历和日期部分的功能后,我发现网上使用js操作日历的插件真不多,非常好的也就极个别,代码良莠不齐,js对日期操作相比其它语言极其的不友好,如果做个日历,里面附带预约表单,这种功能就非常头疼了,然而这又...

      Coding01 评论0 收藏0
    • 你开发一个日历控件

      摘要:直接使用事件代理机制,将事件绑定在整个日历的上即可,这样事件只用在创建时初始化一次即可,简单高效省内存。 首发我的博客 - https://blog.cdswyda.com/post/2017121010 日历控件多的不胜枚举,为什么我们还要再造一个轮子呢? 因为大多数日历控件都是用于选择日期的,有种需求是要在日历上展示各种各样的内容,这样的日历控件较少,而且试用下来并不满意。 因此就...

      shiina 评论0 收藏0
    • 你开发一个二维周视图日历

      摘要:即之前实现了一个月视图日历,我们今天来实现一个二维周视图的日历。难点实现内容部件插入我们实现这个二维周视图日历的主要目的就是要支持插入任意的内容,上面已经准备好了插入内容的元素,这里要做的就是将数据绘制成放置在合适的位置。 即之前实现了一个月视图日历,我们今天来实现一个二维周视图的日历。 以下进行分析其中的关键部分。 结构准备 不同之处在于其在日历的基础上还有一个分类轴,用于展示不同的...

      张金宝 评论0 收藏0

    发表评论

    0条评论

    leon

    |高级讲师

    TA的文章

    阅读更多
    最新活动
    阅读需要支付1元查看
    <