Holiday节假日信息系统的开发(零)--序言

本系统是为了公司方便自定义多个节假日信息的设置所设计的一款系统,可以方便的实现列表展示节假日信息,根据年份查询当年的所有节假日,其次可以新增节假日,编辑节假日,删除节假日,听起来其实就是增删改查,没什么特别复杂、多维度的业务场景,但是对于日历控件的使用和操控却是有很多细节性的知识点值得玩味,虽然我的工作经验还处于菜鸟鲜嫩的层次,但是我也希望自己可以做出来比较好的系统,更深的是希望有一天能够做出来一款产品,其次,对于多表关联操作数据库的实践,本系统也是一个非常不错的案例和实际经验;

系统所用到的开发环境是Jdk7+ Tomcat7+ Eclipse+ maven3.5管理依赖包+ Spring4.3 +Springmvc +Mybatis +Shiro +EasyUI
Calendar控件的操作:
主表:节假日名称+市场+年份+创建人+创建时间
子表:日期+是否是节假日+关联主表的id字段holidayId

新增节假日:选中日历控件中的日期
编辑节假日:取消选中日期就相当于删除节假日的日期
查询:年份查询;
删除:级联删除—主表删除,关联子表

其实具体的业务场景并不是那么复杂,但是对于多表的操作和书写,以及前端页面的编写,很多地方比较生疏,需要多加练习,以后继续努力啦~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
el-date-picker是Element UI库中的一个日期选择器组件,用于在网页中选择日期。它可以显示节假日,但需要借助第三方库来实现。 要在el-date-picker中显示节假日,可以使用moment.js或者date-fns等日期处理库来获取节假日信息,并将其显示在日期选择器上。这些库提供了一些方法来判断某个日期是否是节假日,比如根据国家法定节假日规定进行计算。 以下是一个使用moment.js来显示节假日的示例代码: ```html <template> <div> <el-date-picker v-model="selectedDate" :picker-options="pickerOptions" ></el-date-picker> </div> </template> <script> import moment from 'moment'; export default { data() { return { selectedDate: null, pickerOptions: { disabledDate: (date) => { // 判断是否是节假日,如果是则禁用该日期 return isHoliday(date); }, // 自定义日期面板的cell内容 cellRender: (date) => { // 判断是否是节假日,如果是则添加特殊样式 if (isHoliday(date)) { return `<div class="holiday">${date.date()}</div>`; } else { return `<div>${date.date()}</div>`; } }, }, }; }, methods: { isHoliday(date) { // 使用moment.js判断日期是否是节假日 // 这里需要根据具体的国家和地区的法定节假日规定进行判断 // 这里只是一个示例,具体的判断逻辑需要根据实际情况进行修改 const year = date.year(); const month = date.month() + 1; const day = date.date(); // 假设1月1日和10月1日是节假日 if ((month === 1 && day === 1) || (month === 10 && day === 1)) { return true; } return false; }, }, }; </script> <style scoped> .holiday { color: red; } </style> ``` 在上述代码中,我们使用了moment.js来判断日期是否是节假日,并在日期选择器中禁用了节假日日期,并且为节假日日期添加了特殊样式。 请注意,这只是一个示例代码,具体的判断逻辑和节假日信息需要根据实际情况进行修改。你可以根据自己的需求来调整代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值