首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WordPress 主题教程 #6d:搜索日历

    搜索日历是从零开始创建 WordPress 主题系列教程的第六篇的第四部分,尽管这篇的题目是 搜索(Search Form) 和 日历(Calendar),但是我同样也会介绍 元数据(Meta)...第1步:增加搜索 创建一个新文件,然后把该空白文件保存为 searchform.php(当然是和 index.php 在同一个文件夹下)。..."/searchform.php" 中间的点把它们连接起来,所以最终得到: wp-content/themes/tutorial/searchform.php - 结束列表元素 注意,搜索不像分类...第2步:增加日历 在搜索或者页面链接列表下面输入以下代码: 保存并刷新浏览器,结果如下: 发生了什么?...> - 输出 Calendar 这个词 - 关闭子标题 get_calendar() - 使用 get_calendar() 这个 WP 函数调用日历 - 结束列表元素 这样日历就完成了

    43040

    Angular 2 + 折腾记 :(6) 动手实现只有年月的小组件

    前言 这个组件实现并不是很复杂,我会尽量注释; 这货诞生的理由就是项目刚好有一个地方必须只能选择年月,而github上ng2+日期组件都涉及到年月日或时分秒; 效果用gifcam录制的,色彩有些失真,将就吧...---- 实现思路 月份只有十二个,只要把个位数做好补位就好 年份的生成是可控的(传参),当前年份往前推几年和往后推几年构成; 数据遍历结构很简单 { date:2017, // 月份是字符串,...this.isExpand = false; this.emitResult(); } } }复制代码 fadeIn.ts // 动画的效果很简单,就是把css3的效果用js..., *ngFor FormsModule // 有用到表单元素必须引入这货 ], declarations: [OnlyYearMonthSelectComponent], // 声明年月组件...exports: [OnlyYearMonthSelectComponent] // 导出年月组件 }) export class OnlyYearMonthSelectModule { }复制代码

    74010

    (来啦,老弟)从零实现一个日历组件

    一、日历组件简介 日历组件主要是由一个文本输入组成,点击文本输入后会在文本框下方显示日历面板,日历面板包含三部分:头部区(主要显示当面日历面板对应的年月以及四个年月上下切换按钮)、内容区(显示星期...7天,每一天都会对应一个周几),总共有6行,至于为什么需要6行是因为,第一行肯定是显示当月的1号,但是如果某个月的1号是周六,那么第一行7天中就只显示了当月的1号一天,而一个月可能会有31天,如果后面只有...,接下来我们开始编写日历中的内容了,日历组件包括一个文本输入和一个日历面板,日历面板中的内容我们后面实现,这一步先写文本样式及日历面板非内容部分,如: // 添加iconfont字体样式,主要用于文本中的日历图标...,接下来就是实现点击文本显示日历面板,点击日历面板外部则关闭日历面板,要实现该功能需要通过自定义指令,因为指令就是对DOM操作进行封装,其主要是让document监听click事件,如果点击的元素在绑定指令的...42天,所以用户有可能选择了其他月份的时间,日历面板也需要进行相应的更新 this.time = util.getYearMonthDay(date) // 更新this.time即可更新日历面板显示的年月

    2.2K50
    领券