我正在尝试创建一个日历中默认模板为“可用时间”的日历,并允许用户将任何特定日期编辑为指定的小时数。
基本上是这样的:
团队1:
星期日:8
星期一:8
星期二:8
星期三:8
星期四:8
星期五:8
星期六:8
我已经编辑了angularUI Bootstrap Datepicker指令,允许我在每天下创建一个带有输入框的日期选择器,该输入框将显示当天可用的当前小时数,并允许用户输入自定义值。
我目前在每个团队的数据库中存储默认模板,我有另一个表是DATE和HOURS。该表用于检查他们请求的日期是否有额外的小时数,或者应该使用默认模板。
我可以在服务器端完成所有这些工作,但让它在客户端工作正在逃避我。
我需要使用默认模板值填充datepicker输入框的值,除非自定义表中存在该日期的值。我实际上可以做这个工作,但当我尝试编辑任何这个时,我的问题就出现了。如果我将ng-model设置为自定义模板,它将仅在有条目的日期绑定。如果我没有设置模型,我不知道如何在该日期为我的自定义对象添加条目。
这是一个插件,显示如果我尝试对bind进行建模会发生什么:
<div style="display:inline-block; min-height:290px;">
<datepicker default-hours="vm.defaultHours" show-weeks="false" ng-model="controller.dt" class="well well-sm" custom-class="getDayClass(date, mode)"></datepicker>
</div>
(您必须点击日期才能启用当天的编辑工作)
http://plnkr.co/edit/l1gSNuKd4EY35qha1Xl0?p=preview
您可以看到显示条目的唯一一天是customTemplate属性中具有值的那一天(customBootstrap.js的第68行)
这是一个插件,显示我如何显示默认模板或自定义模板小时,但我不知道在更改值时如何更新该自定义对象:
(您必须点击日期才能启用当天的编辑工作)
http://plnkr.co/edit/pZh5L4ztUuhDkZZDZCfX?p=preview
如果您能想出更好的方法,我也愿意接受建议,但我需要能够拥有默认模板,并允许特定的日期配置(最好不必进行数据库输入每个团队的每个日期)。
感谢您的任何见解。